@charset "utf-8";

img {
    max-width: 100%
}

.icon {
    display: inline-block;
    background-image: url(../images/icon.png?20200527)
}

.form-checkbox .icon-checkbox {
    background-position: -266px -265px;
    width: 20px;
    height: 20px
}

.form-checkbox .icon-checkbox-border {
    background-position: -336px -364px;
    width: 15px;
    height: 15px
}

.form-checkbox .icon-checkbox-white-border {
    background-position: -21px -388px;
    width: 15px;
    height: 15px
}

.form-checkbox .icon-checkbox-black-border {
    background-position: -252px -364px;
    width: 15px;
    height: 15px
}

.form-checkbox .icon-radio {
    background-position: -422px -121px;
    width: 12px;
    height: 12px
}

.form-checkbox.is-active .icon-checkbox {
    background-position: -351px -297px;
    width: 20px;
    height: 20px
}

.form-checkbox.is-active .icon-checkbox-border {
    background-position: -273px -364px;
    width: 15px;
    height: 15px
}

.form-checkbox.is-active .icon-checkbox-white-border {
    background-position: -329px -336px;
    width: 15px;
    height: 15px
}

.form-checkbox.is-active .icon-radio {
    background-position: -422px -85px;
    width: 12px;
    height: 12px
}

.form-checkbox.is-active .icon-checkbox-black-border {
    background-position: -210px -364px;
    width: 15px;
    height: 15px
}

.form-select .btn .dropdown-icon i.icon-caret,
.form-select .btn span i.icon-caret,
div.dropdown .btn .dropdown-icon i.icon-caret,
div.dropdown .btn span i.icon-caret {
    background-position: -351px -323px;
    width: 15px;
    height: 7px
}

.icon-close,
.lancome-dialog .dialog-close {
    background-position: -276px -388px;
    width: 13px;
    height: 13px
}

.icon-close-white {
    background-position: -422px -263px;
    width: 10px;
    height: 10px
}

.icon-right-arrow {
    background-position: -291px -216px;
    width: 6px;
    height: 7px
}

.icon-right-arrow-black {
    background-position: -303px -216px;
    width: 6px;
    height: 7px
}

.icon-star-black,
.icon-star-gray {
    background-position: -135px -216px;
    width: 85px;
    height: 11px
}

.icon-star-gray {
    background-position: -44px -216px
}

.icon-input-success {
    background-position: -422px -395px;
    width: 10px;
    height: 8px
}

.icon-header-right-arrow {
    background-position: -422px -159px;
    width: 9px;
    height: 15px
}

.icon-cookies-policy-close {
    background-position: -276px -388px;
    width: 13px;
    height: 13px
}

.icon-counter-inquiry {
    background-position: -422px -295px;
    width: 8px;
    height: 12px
}

.icon-header-search {
    background-position: -379px -244px;
    width: 17px;
    height: 17px
}

.icon-header-login {
    background-position: -351px -99px;
    width: 22px;
    height: 22px
}

.icon-header-shopping-bag {
    background-position: -351px -239px;
    width: 21px;
    height: 22px
}

.icon-header-online-consultation {
    background-position: -379px -194px;
    width: 16px;
    height: 19px
}

.icon-header-support-hotline {
    background-position: -191px -150px;
    width: 12px;
    height: 20px
}

.icon-header-mail-consultation {
    background-position: -250px -216px;
    width: 16px;
    height: 11px
}

.icon-header-city-bag {
    background-position: -333px -388px;
    width: 13px;
    height: 13px
}

.icon-header-logged {
    background-position: -88px -233px;
    width: 28px;
    height: 24px
}

.icon-footer-search {
    background-position: -147px -301px;
    width: 20px;
    height: 20px
}

.icon-footer-zggs {
    background-position: -379px -267px;
    width: 17px;
    height: 17px
}

.icon-footer-hgyab {
    background-position: -292px -265px;
    width: 18px;
    height: 20px
}

.icon-back-top {
    background-position: -272px -216px;
    width: 13px;
    height: 8px
}

.icon-footer-weibo,
.icon-footer-weixin {
    background-position: -230px -301px;
    width: 18px;
    height: 14px
}

.icon-footer-weibo {
    background-position: -206px -301px
}

.icon-mail {
    background-position: -179px -336px;
    width: 21px;
    height: 16px
}

.icon-state {
    background-position: -379px -169px;
    width: 16px;
    height: 19px
}

.icon-sign-in-with-weixin {
    background-position: -112px -265px;
    width: 30px;
    height: 25px
}

.icon-sign-in-with-qq {
    background-position: 0 -301px;
    width: 23px;
    height: 29px
}

.icon-sign-in-with-xl {
    background-position: -316px 0;
    width: 29px;
    height: 28px
}

.icon-sign-in-with-zfb {
    background-position: -316px -205px;
    width: 26px;
    height: 26px
}

.icon-tel-consultation {
    background-position: -132px -123px;
    width: 53px;
    height: 55px
}

.icon-checkbox {
    background-position: -266px -265px;
    width: 20px;
    height: 20px
}

.filter-product .is-active .icon-checkbox {
    background-position: -351px -297px;
    width: 20px;
    height: 20px
}

.icon-white-left {
    background-position: -392px -388px;
    width: 6px;
    height: 11px
}

.icon-evaluate-star {
    background-position: -275px -301px;
    width: 15px;
    height: 14px
}

.evaluate-star .is-active .icon-evaluate-star {
    background-position: -254px -301px;
    width: 15px;
    height: 14px
}

.icon-like {
    background-position: -352px -388px;
    width: 14px;
    height: 12px
}

.product-collection .is-active .icon-like {
    background-position: -372px -388px;
    width: 14px;
    height: 12px
}

.icon-pdp-plus {
    background-position: -402px -216px;
    width: 14px;
    height: 14px
}

.btn.is-slide .icon-pdp-plus,
.my-coupon .icon-pdp-plus-active {
    background-position: -402px -196px;
    width: 14px;
    height: 14px
}

.icon-latest-product {
    background-position: -43px -233px;
    width: 39px;
    height: 24px
}

.icon-discount-box {
    background-position: -148px -265px;
    width: 25px;
    height: 25px
}

.icon-best-sellers {
    background-position: 0 -265px;
    width: 30px;
    height: 30px
}

.icon-full-gift {
    background-position: -179px -265px;
    width: 24px;
    height: 24px
}

.icon-arrow-br {
    background-position: -422px -43px;
    width: 9px;
    height: 17px
}

.icon-fold,
.icon-unfold {
    background-position: -402px -216px;
    width: 14px;
    height: 14px
}

.icon-fold {
    background-position: -402px -196px
}

.icon-my-right-arrow {
    background-position: -198px -57px;
    width: 5px;
    height: 9px
}

.icon-tel-phone {
    background-position: -191px -123px;
    width: 12px;
    height: 21px
}

.icon-tel-server {
    background-position: -379px -144px;
    width: 16px;
    height: 19px
}

.form-checkbox .icon-checkbox-small {
    background-position: -143px -388px;
    width: 13px;
    height: 13px
}

.form-checkbox.is-active .icon-checkbox-small {
    background-position: -162px -388px;
    width: 13px;
    height: 13px
}

.icon-favor-close {
    background-position: -422px -214px;
    width: 11px;
    height: 11px
}

.icon-simple-chat {
    background-position: -402px -276px;
    width: 14px;
    height: 14px
}

.icon-simple-clock {
    background-position: -295px -233px;
    width: 15px;
    height: 16px
}

.icon-simple-gift {
    background-position: -295px -388px;
    width: 13px;
    height: 13px
}

.icon-simple-lock {
    background-position: -422px 0;
    width: 12px;
    height: 16px
}

.icon-simple-phone {
    background-position: -63px -388px;
    width: 13px;
    height: 15px
}

.icon-simple-logo {
    background-position: 0 0;
    width: 203px;
    height: 51px
}

.icon-simple-logo-m {
    background-position: -209px 0;
    width: 101px;
    height: 25px
}

.icon-simple-alipay {
    background-position: -263px -189px;
    width: 30px;
    height: 21px
}

.icon-simple-unionpay,
.icon-simple-wepay {
    background-position: -259px -233px;
    width: 30px;
    height: 21px
}

.icon-simple-unionpay {
    background-position: -227px -189px
}

.icon-mini-close {
    background-position: -351px -183px;
    width: 22px;
    height: 22px
}

.icon-view-more {
    background-position: -404px -388px;
    width: 7px;
    height: 6px
}

.icon-checkout-alipay {
    background-position: -209px -103px;
    width: 75px;
    height: 30px
}

.icon-checkout-weixinpay {
    background-position: -209px -31px;
    width: 75px;
    height: 30px
}

.icon-checkout-unionpay {
    background-position: -209px -67px;
    width: 75px;
    height: 30px
}

.icon-location {
    background-position: -351px 0;
    width: 22px;
    height: 29px
}

.icon-bus {
    background-position: -351px -267px;
    width: 19px;
    height: 24px
}

.icon-taxi {
    background-position: -209px -265px;
    width: 25px;
    height: 22px
}

.icon-walk {
    background-position: -351px -35px;
    width: 18px;
    height: 28px
}

.icon-triangle {
    background-position: -209px -139px;
    width: 52px;
    height: 37px
}

.icon-fold-b,
.icon-unfold-b {
    background-position: -231px -364px;
    width: 15px;
    height: 15px
}

.icon-fold-b {
    background-position: -294px -364px
}

.icon-mob-phone {
    background-position: -379px -219px;
    width: 16px;
    height: 19px
}

.icon-pink-stock {
    background-position: -166px -364px;
    width: 16px;
    height: 16px
}

.stock.is-disabled .icon-pink-stock {
    background-position: -188px -364px;
    width: 16px;
    height: 16px
}

.back-to-top-asset .icon-caret,
.product-lookmore .icon-caret,
.tips-icon .icon-caret {
    background-position: -351px -323px;
    width: 15px;
    height: 7px
}

.icon-toggle-open {
    background-position: -402px -216px;
    width: 14px;
    height: 14px
}

.is-active .icon-toggle-open {
    background-position: -402px -196px;
    width: 14px;
    height: 14px
}

.icon-close-white-14 {
    background-position: -402px -256px !important;
    width: 14px !important;
    height: 14px !important
}

.icon-checkbox-gray-border {
    background-position: -378px -364px;
    width: 15px;
    height: 15px
}

.icon-qq-new,
.is-actived .icon-checkbox-gray-border {
    background-position: -357px -364px;
    width: 15px;
    height: 15px
}

.icon-qq-new {
    background-position: 0 -388px
}

.icon-weixin-new {
    background-position: -305px -336px;
    width: 18px;
    height: 15px
}

.icon-zfb-new {
    background-position: -402px -176px;
    width: 14px;
    height: 14px
}

.icon-weibo-new {
    background-position: -232px -336px;
    width: 19px;
    height: 16px
}

.icon-nav-menu-btn {
    background-position: -402px -156px;
    width: 14px;
    height: 14px
}

.icon-header-search-black {
    background-position: -351px -155px;
    width: 22px;
    height: 22px
}

.icon-header-search-white {
    background-position: -351px -211px;
    width: 22px;
    height: 22px
}

.icon-header-cart {
    background-position: 0 -336px;
    width: 18px;
    height: 22px
}

.icon-header-logins {
    background-position: -89px -301px;
    width: 23px;
    height: 23px
}

.icon-refresh {
    background-position: -82px -388px;
    width: 15px;
    height: 13px
}

.icon-delete {
    background-position: -422px -66px;
    width: 12px;
    height: 13px
}

.menu-close {
    background-position: -350px -336px;
    width: 15px;
    height: 15px
}

.icon-btn-minus,
.icon-btn-plus {
    background-position: -422px -365px;
    width: 9px;
    height: 9px
}

.icon-btn-plus {
    background-position: -422px -380px
}

.icon-checkbox-garden-border {
    background-position: -290px -31px;
    width: 20px;
    height: 20px
}

.is-active .icon-checkbox-garden-border {
    background-position: -240px -265px;
    width: 20px;
    height: 20px
}

.is-disabled .icon-checkbox-garden-border {
    background-position: -290px -67px;
    width: 20px;
    height: 20px
}

.arrow-large-left,
.arrow-large-right {
    background-position: -379px -56px;
    width: 13px;
    height: 26px
}

.arrow-large-right {
    background-position: -379px -88px
}

div.dropdown.dropdown-new .btn .dropdown-icon i.icon-caret,
div.dropdown.dropdown-new .btn span i.icon-caret {
    background-position: -290px -129px;
    width: 8px;
    height: 4px
}

.pdp-share-1 {
    background-position: -402px -49px;
    width: 14px;
    height: 16px
}

.pdp-share-2 {
    background-position: -281px -336px;
    width: 18px;
    height: 16px
}

.pdp-share-3 {
    background-position: -206px -336px;
    width: 20px;
    height: 16px
}

.icon-exclusive-customization {
    background-position: -316px -237px;
    width: 26px;
    height: 26px
}

.icon-new-checkbox {
    background-position: -219px -388px;
    width: 13px;
    height: 13px
}

.is-active .icon-new-checkbox {
    background-position: -200px -388px;
    width: 13px;
    height: 13px
}

.icon-address-pc {
    background-position: -316px -169px;
    width: 23px;
    height: 30px
}

.icon-radio-address {
    background-position: -96px -364px;
    width: 18px;
    height: 18px
}

.is-active .icon-address-pc {
    background-position: -316px -133px;
    width: 23px;
    height: 30px
}

.icon-radio-delete,
.is-active .icon-radio-address {
    background-position: -48px -364px;
    width: 18px;
    height: 18px
}

.icon-radio-delete {
    background-position: -72px -364px
}

.icon-address-left {
    background-position: -402px -23px;
    width: 11px;
    height: 20px
}

.icon-view-more-right {
    background-position: -422px -313px;
    width: 7px;
    height: 13px
}

.icon-cart-drop {
    background-position: -351px -323px;
    width: 15px;
    height: 7px
}

.icon-grey-close {
    background-position: -315px -364px;
    width: 15px;
    height: 15px
}

.icon-edit-kezi {
    background-position: -422px -103px;
    width: 12px;
    height: 12px
}

.icon-i {
    background-position: -154px -336px;
    width: 19px;
    height: 19px
}

.icon-member-card {
    background-position: -267px -139px;
    width: 36px;
    height: 36px
}

.icon-member-crown {
    background-position: 0 -189px;
    width: 38px;
    height: 38px
}

.icon-member-gift {
    background-position: 0 -57px;
    width: 60px;
    height: 60px
}

.icon-member-help {
    background-position: -316px -100px;
    width: 27px;
    height: 27px
}

.icon-member-score,
.icon-member-surprise {
    background-position: -66px -123px;
    width: 60px;
    height: 60px
}

.icon-member-surprise {
    background-position: -132px -57px
}

.icon-member-birthday,
.icon-member-more {
    background-position: 0 -123px;
    width: 60px;
    height: 60px
}

.icon-member-more {
    background-position: -66px -57px
}

.icon-member-top {
    background-position: -173px -301px;
    width: 27px;
    height: 14px
}

.icon-member-huangguan-mob {
    background-position: -103px -388px;
    width: 14px;
    height: 13px
}

.icon-member-gift-mob {
    background-position: -102px -336px;
    width: 20px;
    height: 19px
}

.icon-member-score-mob {
    background-position: -76px -336px;
    width: 20px;
    height: 19px
}

.icon-member-surprise-mob {
    background-position: -50px -336px;
    width: 20px;
    height: 19px
}

.icon-member-birthday-mob,
.icon-member-more-mob {
    background-position: -24px -336px;
    width: 20px;
    height: 19px
}

.icon-member-more-mob {
    background-position: -128px -336px
}

.icon-member-level {
    background-position: -402px -136px;
    width: 14px;
    height: 14px
}

.icon-member-level-pc {
    background-position: -316px -34px;
    width: 27px;
    height: 27px
}

.icon-member-hg {
    background-position: -123px -388px;
    width: 14px;
    height: 13px
}

.icon-member-hg-pc {
    background-position: -316px -269px;
    width: 27px;
    height: 25px
}

@media (max-width:1024px),
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min--moz-device-pixel-ratio:2),
screen and (-o-min-device-piratio:200/100),
screen and (min-device-pixel-ratio:2) {
    .icon {
        background-image: url(../images/icon@2x.png?20200527);
        background-size: 434px 423px
    }
}

@media (max-width:1024px) {
    .nav-pills li>a>.icon-menu-switch {
        background-position: -422px -380px;
        width: 9px;
        height: 9px
    }

    .nav-pills li.is-open>a>.icon-menu-switch {
        background-position: -422px -365px;
        width: 9px;
        height: 9px
    }

    .icon-header-search-btn-m {
        background-position: -42px -388px;
        width: 15px;
        height: 15px
    }

    .icon-header-login {
        background-position: -402px -336px;
        width: 14px;
        height: 14px
    }

    .icon-header-shopping-bag {
        background-position: -402px -94px;
        width: 14px;
        height: 15px
    }

    .icon-nav-menu-btn {
        background-position: -402px -156px;
        width: 14px;
        height: 14px
    }

    .icon-header-search {
        background-position: -120px -364px;
        width: 18px;
        height: 18px
    }

    .icon-menu-close {
        background-position: -290px -103px;
        width: 20px;
        height: 20px
    }

    .icon-counter-inquiry {
        background-position: -422px -139px;
        width: 10px;
        height: 14px
    }

    .icon-menu-my-account {
        background-position: -402px -236px;
        width: 14px;
        height: 14px
    }

    .icon-header-logged {
        background-position: -379px -315px;
        width: 17px;
        height: 16px
    }

    .icon-footer-search {
        background-position: 0 -364px;
        width: 18px;
        height: 18px
    }

    .icon-footer-zggs {
        background-position: -422px -279px;
        width: 10px;
        height: 10px
    }

    .icon-footer-hgyab {
        background-position: -422px -332px;
        width: 9px;
        height: 10px
    }

    .icon-online-consultation {
        background-position: -351px -69px;
        width: 21px;
        height: 24px
    }

    .icon-back-top {
        background-position: -402px -376px;
        width: 12px;
        height: 6px
    }

    .icon-evaluate-star {
        background-position: -422px -247px;
        width: 11px;
        height: 10px
    }

    .evaluate-star .is-active .icon-evaluate-star {
        background-position: -422px -231px;
        width: 11px;
        height: 10px
    }

    .icon-arrow-down-red {
        background-position: -226px -216px;
        width: 18px;
        height: 11px
    }

    .icon-arrow-right-orange {
        background-position: -299px -189px;
        width: 7px;
        height: 10px
    }

    .arrow-large-left,
    .goods-tab-item>.swiper-button-prev .icon {
        background-position: -379px -56px;
        width: 13px;
        height: 26px
    }

    .arrow-large-right,
    .goods-tab-item>.swiper-button-next .icon {
        background-position: -379px -88px;
        width: 13px;
        height: 26px
    }

    .icon-location {
        background-position: -422px -22px;
        width: 11px;
        height: 15px
    }

    .icon-bus {
        background-position: -402px 0;
        width: 14px;
        height: 17px
    }

    .icon-taxi {
        background-position: -257px -336px;
        width: 18px;
        height: 16px
    }

    .icon-walk {
        background-position: -379px -337px;
        width: 13px;
        height: 20px
    }

    .icon-triangle {
        background-position: 0 -233px;
        width: 37px;
        height: 26px
    }

    .icon-checkout-alipay {
        background-position: -44px -189px;
        width: 55px;
        height: 21px
    }

    .icon-checkout-weixinpay {
        background-position: -105px -189px;
        width: 55px;
        height: 21px
    }

    .icon-checkout-unionpay {
        background-position: -166px -189px;
        width: 55px;
        height: 21px
    }

    .icon-checkout-customer-service {
        background-position: -379px -290px;
        width: 15px;
        height: 19px
    }

    .icon-fold-b,
    .icon-unfold-b {
        background-position: -231px -364px;
        width: 15px;
        height: 15px
    }

    .icon-fold-b {
        background-position: -294px -364px
    }

    .icon-mob-phone {
        background-position: -379px -219px;
        width: 16px;
        height: 19px
    }

    .icon-close-white-14 {
        background-position: -402px -256px !important;
        width: 14px !important;
        height: 14px !important
    }

    .icon-checkbox-gray-border {
        background-position: -422px -180px;
        width: 11px;
        height: 11px
    }

    .is-actived .icon-checkbox-gray-border {
        background-position: -422px -197px;
        width: 11px;
        height: 11px
    }

    .icon-qq-new {
        background-position: -29px -301px;
        width: 25px;
        height: 26px
    }

    .icon-weixin-new {
        background-position: -74px -265px;
        width: 32px;
        height: 26px
    }

    .icon-zfb-new {
        background-position: -316px -67px;
        width: 27px;
        height: 27px
    }

    .icon-weibo-new {
        background-position: -36px -265px;
        width: 32px;
        height: 27px
    }

    .icon-header-search-white {
        background-position: -144px -364px;
        width: 16px;
        height: 16px
    }

    .icon-header-cart {
        background-position: -402px -71px;
        width: 13px;
        height: 17px
    }

    .icon-header-logins {
        background-position: -24px -364px;
        width: 18px;
        height: 18px
    }

    .is-open .menu-arrow-right,
    .menu-arrow-left {
        background-position: -336px -301px;
        width: 6px;
        height: 11px
    }

    .menu-arrow-right {
        background-position: -198px -72px;
        width: 5px;
        height: 8px
    }

    .menu-footer-1 {
        background-position: -402px -356px;
        width: 14px;
        height: 14px
    }

    .menu-footer-2,
    .menu-footer-3 {
        background-position: -296px -301px;
        width: 14px;
        height: 14px
    }

    .menu-footer-3 {
        background-position: -316px -301px
    }

    .menu-footer-4,
    .menu-footer-5 {
        background-position: -402px -316px;
        width: 14px;
        height: 14px
    }

    .menu-footer-5 {
        background-position: -402px -296px
    }

    .email-dialog .menu-close,
    .first-screen-dialog .menu-close {
        background-position: -422px -214px;
        width: 11px;
        height: 11px
    }

    .icon-footer-weibo,
    .icon-footer-weixin {
        background-position: -225px -233px;
        width: 28px;
        height: 23px
    }

    .icon-footer-weibo {
        background-position: -191px -233px
    }

    .email-info-dialog .menu-close {
        background-position: -350px -336px;
        width: 15px;
        height: 15px
    }

    .pdp-share-1 {
        background-position: -118px -301px;
        width: 23px;
        height: 23px
    }

    .pdp-share-2 {
        background-position: -156px -233px;
        width: 29px;
        height: 23px
    }

    .pdp-share-3 {
        background-position: -122px -233px;
        width: 28px;
        height: 24px
    }

    div.dropdown.dropdown-new .btn .dropdown-icon i.icon-caret,
    div.dropdown.dropdown-new .btn span i.icon-caret {
        background-position: -290px -57px;
        width: 9px;
        height: 4px
    }

    .icon-exclusive-customization {
        background-position: -379px -120px;
        width: 17px;
        height: 18px
    }

    .icon-address-mob {
        background-position: -379px 0;
        width: 17px;
        height: 22px
    }

    .icon-radio-address-mob {
        background-position: -257px -388px;
        width: 13px;
        height: 13px
    }

    .is-active .icon-address-mob {
        background-position: -379px -28px;
        width: 17px;
        height: 22px
    }

    .is-active .icon-radio-address-mob {
        background-position: -181px -388px;
        width: 13px;
        height: 13px
    }

    .icon-radio-delete-mob {
        background-position: -238px -388px;
        width: 13px;
        height: 13px
    }

    .icon-cart-delete {
        background-position: 0 -409px;
        width: 13px;
        height: 14px
    }

    .icon-grey-close {
        background-position: -315px -364px;
        width: 15px;
        height: 15px
    }

    .icon-member-card {
        background-position: -267px -139px;
        width: 36px;
        height: 36px
    }

    .icon-member-crown {
        background-position: 0 -189px;
        width: 38px;
        height: 38px
    }

    .icon-member-gift {
        background-position: 0 -57px;
        width: 60px;
        height: 60px
    }

    .icon-member-help {
        background-position: -316px -100px;
        width: 27px;
        height: 27px
    }

    .icon-member-score,
    .icon-member-surprise {
        background-position: -66px -123px;
        width: 60px;
        height: 60px
    }

    .icon-member-surprise {
        background-position: -132px -57px
    }

    .icon-member-birthday,
    .icon-member-more {
        background-position: 0 -123px;
        width: 60px;
        height: 60px
    }

    .icon-member-more {
        background-position: -66px -57px
    }

    .icon-member-top {
        background-position: -173px -301px;
        width: 27px;
        height: 14px
    }

    .icon-member-huangguan-mob {
        background-position: -103px -388px;
        width: 14px;
        height: 13px
    }

    .icon-member-gift-mob {
        background-position: -102px -336px;
        width: 20px;
        height: 19px
    }

    .icon-member-score-mob {
        background-position: -76px -336px;
        width: 20px;
        height: 19px
    }

    .icon-member-surprise-mob {
        background-position: -50px -336px;
        width: 20px;
        height: 19px
    }

    .icon-member-birthday-mob,
    .icon-member-more-mob {
        background-position: -24px -336px;
        width: 20px;
        height: 19px
    }

    .icon-member-more-mob {
        background-position: -128px -336px
    }
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-input-safebox-button {
    display: none;
    width: 0;
    height: 0
}

.form-input {
    position: relative
}

.form-input input {
    height: 40px
}

.form-input input,
.form-input textarea {
    font-size: 14px;
    width: 430px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
    padding: 5px 30px 5px 9px;
    -webkit-appearance: none;
    color: #000
}

.form-input input::-webkit-input-placeholder,
.form-input textarea::-webkit-input-placeholder {
    font-family: "Helvetica", "PingFangSC-Regular", "Arial", "Times New Roman", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0
}

.form-input input::-moz-placeholder,
.form-input textarea::-moz-placeholder {
    font-family: "Helvetica", "PingFangSC-Regular", "Arial", "Times New Roman", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0
}

.form-input input::-ms-input-placeholder,
.form-input textarea::-ms-input-placeholder {
    font-family: "Helvetica", "PingFangSC-Regular", "Arial", "Times New Roman", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0
}

.form-input input::placeholder,
.form-input textarea::placeholder {
    font-family: "Helvetica", "PingFangSC-Regular", "Arial", "Times New Roman", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0
}

.form-input input:focus,
.form-input textarea:focus,
.form-input.is-success input:focus,
.form-input.is-success textarea:focus {
    background: #fff;
    border-color: #000
}

.form-input textarea {
    height: inherit
}

.form-input .msg-block {
    display: none
}

.form-input .icon-input-success {
    display: none;
    position: absolute;
    top: 16px;
    right: 14px
}

.form-input.is-success input,
.form-input.is-success textarea {
    background: #fff;
    border: 1px solid #dadada
}

.form-input.is-error .msg-block,
.form-input.is-success .icon-input-success,
.header .header-container .nav-content>.logo a {
    display: block
}

.form-input.is-focus input,
.form-input.is-focus textarea {
    background: #fff;
    border-color: #000
}

.form-input.is-error input,
.form-input.is-error textarea {
    border-color: red;
    background: #fff;
    color: #000
}

.form-input.is-error input:focus,
.form-input.is-error textarea:focus {
    border-color: red
}

.form-input.is-error .msg-block span {
    color: red
}

.btn {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 20px;
    border: 0;
    margin: 0;
    color: #fff;
    background: #ccc;
    border-radius: 0;
    min-width: 160px;
    height: 42px;
    line-height: 42px
}

.btn.is-disabled,
.form-input.is-disabled input,
.form-input.is-disabled textarea {
    cursor: default !important;
    pointer-events: none;
    color: #fff !important;
    border-color: #dadada !important;
    background: #dadada !important;
    opacity: 1
}

.btn-black {
    color: #fff;
    background: #000
}

.btn-black.is-active,
.btn-black.is-hover,
.btn-black:active,
.btn-black:hover {
    color: #fff;
    background: #d61b52
}

.btn-black-border,
div.dropdown .btn,
div.form-select .btn {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    height: 42px;
    line-height: 40px
}

.btn-black-border.is-active,
.btn-black-border.is-hover,
.btn-black-border:active,
.btn-black-border:hover {
    background-color: #fff;
    color: #000;
    border-color: #999
}

.btn-gray {
    color: #000;
    background: #eee
}

.btn-gray.is-active,
.btn-gray.is-hover,
.btn-gray:active,
.btn-gray:hover {
    background-color: #dadada;
    color: #000
}

.btn-pink {
    color: #fff;
    background: #d61b52
}

.btn-pink.is-active,
.btn-pink.is-hover,
.btn-pink:active,
.btn-pink:hover {
    background-color: #d61b52;
    color: #fff
}

@media (max-width:1024px) {
    .btn {
        font-size: 12px
    }
}

.tinyscrollbar .scrollbar {
    margin: 0;
    padding: 0;
    width: 8px;
    border-radius: 6px
}

.tinyscrollbar .scrollbar .track {
    height: 0;
    background: #f1f1f1;
    width: 100%
}

.tinyscrollbar .scrollbar .track .thumb {
    width: 100%;
    background: #000;
    border-radius: 6px;
    left: 0
}

.tinyscrollbar .scrollbar.disable {
    display: none
}

div.dropdown .btn,
div.form-select .btn {
    min-width: 100%;
    border: 1px solid #dadada;
    padding: 0 28px 0 10px
}

div.dropdown .btn .dropdown-text,
div.form-select .btn .dropdown-text {
    text-align: left
}

div.dropdown .btn .dropdown-icon .icon-caret,
div.dropdown .btn span .icon-caret,
div.form-select .btn .dropdown-icon .icon-caret,
div.form-select .btn span .icon-caret {
    border: 0
}

div.dropdown .btn.open .icon-caret,
div.dropdown.is-open .btn .dropdown-icon .icon-caret,
div.form-select .btn.open .icon-caret,
div.form-select.is-open .btn .dropdown-icon .icon-caret {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

div.dropdown .tinyscrollbar.sub-menu,
div.form-select .tinyscrollbar.sub-menu {
    z-index: 6;
    border-radius: 0;
    padding: 0
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-selects>div .form-select .tinyscrollbar .viewport .overview li a,
div.dropdown .tinyscrollbar.sub-menu .viewport .overview>li a,
div.dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a,
div.form-select .tinyscrollbar.sub-menu .viewport .overview>li a,
div.form-select .tinyscrollbar.sub-menu .viewport .overview>ul>li a {
    padding: 6px 10px;
    color: #000
}

div.dropdown .tinyscrollbar.sub-menu .scrollbar,
div.form-select .tinyscrollbar.sub-menu .scrollbar {
    padding: 0
}

div.dropdown.is-disabled .btn,
div.form-select.is-disabled .btn {
    cursor: default !important;
    pointer-events: none;
    color: #fff !important;
    border-color: #dadada !important;
    background: #dadada !important;
    opacity: 1
}

div.dropdown.is-wrong .btn,
div.form-select.is-wrong .btn {
    border: 1px solid red !important
}

@media (max-width:1024px) {

    div.dropdown .btn .dropdown-text,
    div.dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a,
    div.form-select .btn .dropdown-text,
    div.form-select .tinyscrollbar.sub-menu .viewport .overview>ul>li a {
        font-size: 12px
    }
}

label.form-checkbox {
    min-height: inherit;
    padding-left: 0;
    line-height: normal
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner>div,
i.icon-checkbox {
    position: relative;
    display: inline-block
}

.form-checkbox.is-disabled {
    pointer-events: none
}

.form-checkbox.is-disabled .icon-checkbox,
.form-checkbox.is-disabled .icon-checkbox-border,
.form-checkbox.is-disabled .icon-checkbox-white-border,
.form-checkbox.is-disabled .icon-radio {
    cursor: default !important;
    color: #fff !important;
    border-color: #dadada !important;
    background: #dadada !important;
    opacity: 1
}

.form-checkbox.is-disabled .icon-radio {
    border-radius: 50%
}

.dialog-opacity {
    background-color: rgba(0, 0, 0, .68)
}

.lancome-dialog .dialog-scroll-container .dialog {
    max-width: 100%;
    width: 500px;
    margin: 20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(127, 127, 127, .5);
    box-shadow: 0 2px 4px 0 rgba(127, 127, 127, .5);
    border: 1px solid #d8d8d8
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 30px;
    border-radius: 0
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content {
    text-align: center
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>h4 {
    font-size: 18px;
    color: #000;
    display: inline-block;
    position: relative
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>p {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-top: 33px
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    text-align: center;
    margin-top: 21px;
    margin-bottom: 3px
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a,
.notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a {
    min-width: 160px;
    margin: 0 10px
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-close {
    font-size: 0;
    top: 20px;
    right: 20px
}

.lancome-dialog .dialog-scroll-container .dialog .dialog-close:before,
.top-nav .top-nav-container .icon-cookies-policy-close:before {
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    top: -50%;
    left: -50%
}

.lancome-toast-dialog {
    background: 0 0
}

.lancome-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
    padding: 0 20px
}

.lancome-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog {
    width: auto;
    min-width: 120px;
    background: 0 0;
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lancome-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container {
    background: rgba(0, 0, 0, .66);
    border-radius: 8px;
    padding: 15px
}

.lancome-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .dialog-content>div p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 0
}

.notarize-dialog .dialog-scroll-container .dialog {
    width: 700px
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 90px 30px
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>p {
    font-size: 24px;
    line-height: 26px;
    margin-top: 0
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    margin-top: 80px;
    margin-bottom: 0
}

.email-dialog .dialog-scroll-container .dialog {
    margin: 0;
    max-width: 1000px;
    width: 888px
}

.email-dialog .dialog-scroll-container .dialog .dialog-close {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: 0 0;
    top: -22px;
    right: -28px;
    cursor: pointer
}

.email-dialog .dialog-scroll-container .dialog .dialog-close i,
.email-info-dialog .dialog-scroll-container .dialog .dialog-close i,
.first-screen-dialog .dialog-scroll-container .dialog .dialog-close i {
    margin: 7px
}

.email-dialog .dialog-scroll-container .dialog-container {
    padding: 48px 68px 52px;
    border-radius: 0
}

.email-dialog .email-main,
.email-dialog .email-main .remeberMe span a,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.title a,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.title a {
    color: #000
}

.email-dialog .email-main h3 {
    font-size: 24px;
    line-height: 26px
}

.email-dialog .email-main>p {
    font-size: 14px;
    line-height: 16px;
    color: #666;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0 30px
}

.email-dialog .email-main .email-item .form-group {
    width: 50%;
    float: left;
    font-size: 0;
    height: 68px
}

.email-dialog .email-main .email-item .form-group .control-label {
    font-size: 14px;
    line-height: 38px;
    margin: 0 26px 0 0;
    vertical-align: top
}

.email-dialog .email-main .email-item .form-group .form-input {
    display: inline-block;
    width: 256px;
    font-size: 14px
}

.email-dialog .email-main .email-item .form-group .form-input input {
    width: 100%;
    height: 38px
}

.email-dialog .email-main .email-item .form-group .form-input.is-error input {
    border-color: #d51b51
}

.email-dialog .email-main .email-item .form-group .form-input.is-error .msg-block {
    margin-left: 2px
}

.email-dialog .email-main .email-item .form-group .form-input.is-error .msg-block span,
.email-dialog .email-main .email-item .form-group .form-select.is-error .msg-block span,
.email-dialog .email-main .email-item .form-group .form-select.is-wrong .msg-block span,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>a:hover {
    color: #d51b51
}

.email-dialog .email-main .email-item .form-group>.row {
    display: inline-block;
    vertical-align: top
}

.email-dialog .email-main .email-item .form-group>.row:nth-child(1) {
    margin: 0 20px 0 0
}

.email-dialog .email-main .email-item .form-group .form-select .btn {
    text-align: left;
    height: 38px;
    line-height: 36px
}

.email-dialog .email-main .email-item .form-group .form-select .btn.open {
    border: 1px solid #000
}

.email-dialog .email-main .email-item .form-group .form-select .msg-block {
    display: none;
    text-align: left;
    font-size: 14px;
    color: red
}

.email-dialog .email-main .email-item .form-group .form-select.is-error .btn,
.email-dialog .email-main .email-item .form-group .form-select.is-wrong .btn {
    border-color: #d51b51
}

.email-dialog .email-main .email-item .form-group .form-select.is-error .msg-block,
.email-dialog .email-main .email-item .form-group .form-select.is-wrong .msg-block {
    margin-left: 2px;
    display: block
}

.email-dialog .email-main .email-item .form-group .form-select .sub-menu {
    border-radius: 0;
    padding: 0;
    top: 38px
}

.email-dialog .email-main .email-item .form-group .form-select .sub-menu .viewport .overview>li a {
    padding: 6px 10px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    display: block
}

.email-dialog .email-main .email-item .form-group .form-select .sub-menu .viewport .overview>li a:hover {
    background: #f5f5f5
}

.email-dialog .email-main .email-item .form-group .select-ymd>div {
    margin-left: 6.5px;
    width: 81px
}

.email-dialog .email-main .email-item .form-group .sex-select {
    width: 256px;
    display: inline-block
}

.email-dialog .email-main .email-item .form-group:nth-child(2) {
    text-align: right;
    float: right
}

.email-dialog .email-main .email-item .form-group:nth-child(2) .msg-block {
    text-align: left
}

.email-dialog .email-main .remeberMe {
    width: 100%;
    padding-left: 22px;
    margin: 0 0 28px
}

.email-dialog .email-main .remeberMe span {
    font-size: 14px;
    color: #000;
    line-height: 21px;
    letter-spacing: .7px
}

.email-dialog .email-main .remeberMe .msg-block span {
    color: #d51b51;
    opacity: 1;
    letter-spacing: 0
}

.email-dialog .email-main .form-btn .btn {
    width: 268px;
    height: 38px;
    line-height: 36px
}

.email-info-dialog .dialog-scroll-container .dialog {
    margin: 0;
    max-width: 500px;
    width: 492px
}

.email-info-dialog .dialog-scroll-container .dialog .dialog-close {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: 0 0;
    top: -22px;
    right: -28px;
    cursor: pointer
}

.email-info-dialog .dialog-scroll-container .dialog-container {
    padding: 60px 10px;
    border-radius: 0
}

.email-info-dialog .dialog-scroll-container .dialog-container .email-main {
    text-align: center
}

.email-info-dialog .dialog-scroll-container .dialog-container .email-main h3 {
    font-size: 30px;
    line-height: 32px;
    color: #000
}

.email-info-dialog .dialog-scroll-container .dialog-container .email-main p {
    font-size: 18px;
    line-height: 20px;
    margin: 16px 0 0;
    padding: 0;
    border: 0;
    color: #000
}

.have-subscribed-to-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>p {
    margin: 2px 0 0
}

@media (max-width:1024px) {
    .lancome-dialog .dialog-scroll-container .dialog-scroll {
        width: 100%;
        padding: 0 10px
    }

    .lancome-dialog .dialog-scroll-container .dialog {
        margin: 0;
        width: 100%
    }

    .lancome-dialog .dialog-scroll-container .dialog .dialog-close {
        top: 10px;
        right: 10px
    }

    .notarize-dialog .dialog-scroll-container .dialog {
        max-width: 700px;
        margin: 0 auto
    }

    .email-dialog .dialog-scroll-container .dialog {
        max-width: 450px;
        min-width: 320px;
        width: auto
    }

    .email-dialog .dialog-scroll-container .dialog .dialog-close {
        top: 5px;
        right: 5px
    }

    .email-dialog .dialog-scroll-container .dialog-container {
        padding: 23px 0 35px
    }

    .email-dialog .email-main h3 {
        font-size: 20px;
        line-height: 22px;
        text-align: center
    }

    .email-dialog .email-main>p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 20px;
        padding: 8px 0 22px;
        text-align: center
    }

    .email-dialog .email-main .email-item .form-group {
        width: 100%;
        float: none;
        height: 65px;
        padding: 0 35px
    }

    .email-dialog .email-main .email-item .form-group .control-label {
        display: none
    }

    .email-dialog .email-main .email-item .form-group .form-input {
        width: 100%;
        font-size: 14px
    }

    .email-dialog .email-main .email-item .form-group .form-input input {
        height: 45px
    }

    .email-dialog .email-main .email-item .form-group .form-input .msg-block {
        font-size: 12px
    }

    .email-dialog .email-main .email-item .form-group .form-select .btn {
        height: 45px;
        line-height: 44px;
        font-size: 14px
    }

    .email-dialog .email-main .email-item .form-group .form-select .sub-menu {
        top: 45px
    }

    .email-dialog .email-main .email-item .form-group .form-select .msg-block,
    .email-dialog .email-main .remeberMe .msg-block span {
        font-size: 12px
    }

    .email-dialog .email-main .email-item .form-group .select-ymd {
        width: -moz-calc(100% + 6px);
        width: calc(100% + 6px);
        margin: 0 -3px
    }

    .email-dialog .email-main .email-item .form-group .select-ymd>div {
        margin-left: 0;
        width: 33.3333%;
        padding: 0 3px
    }

    .email-dialog .email-main .email-item .form-group .sex-select {
        width: 100%
    }

    .email-dialog .email-main .email-item .form-group:nth-child(2) {
        text-align: left;
        float: none
    }

    .email-dialog .email-main .remeberMe {
        margin: 0 0 20px;
        padding: 0 35px 0 52px
    }

    .email-dialog .email-main .remeberMe i {
        left: 35px;
        margin-top: 3px
    }

    .email-dialog .email-main .remeberMe span {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0
    }

    .email-dialog .email-main .remeberMe.mask-layer span {
        position: relative
    }

    .email-dialog .email-main .remeberMe.mask-layer span:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: 0 0;
        display: block;
        content: ''
    }

    .email-dialog .email-main .form-btn {
        padding: 0 35px
    }

    .email-dialog .email-main .form-btn .btn {
        width: 100%;
        height: 45px;
        line-height: 44px
    }

    .email-info-dialog .dialog-scroll-container .dialog {
        width: 327px
    }

    .email-info-dialog .dialog-scroll-container .dialog .dialog-close {
        top: -30px;
        right: -3px
    }

    .email-info-dialog .dialog-scroll-container .dialog-container {
        padding: 51px 10px
    }

    .email-info-dialog .dialog-scroll-container .dialog-container .email-main h3 {
        font-size: 22px;
        line-height: 24px
    }

    .email-info-dialog .dialog-scroll-container .dialog-container .email-main p {
        font-size: 14px;
        line-height: 16px;
        margin: 8px 0 0
    }
}

@media (max-width:767px) {
    .notarize-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 70px 20px
    }

    .notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>p {
        font-size: 18px;
        line-height: 20px
    }

    .notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
        margin-top: 50px
    }

    .notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a {
        min-width: 100px;
        margin: 0 5px
    }
}

.star-wrap {
    position: relative;
    overflow: hidden;
    width: 85px;
    height: 11px;
    font-size: 0
}

.star-wrap .star-content {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 5
}

.slider .tooltip {
    z-index: 2
}

.top-nav {
    width: 100%;
    background: #fff;
    height: 42px;
    position: relative;
    z-index: 9;
    text-align: center;
    font-size: 0
}

.top-nav .top-nav-container {
    position: relative;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.top-nav .top-nav-container p {
    padding: 0 20px;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0
}

.top-nav .top-nav-container p a {
    text-decoration: underline;
    display: inline-block;
    color: #000;
    font-size: 12px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .num:after,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .price:after,
.top-nav .top-nav-container:after {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.top-nav .top-nav-container .icon-cookies-policy-close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 20px
}

.top-nav.top-nav-fixed,
body:after {
    position: fixed;
    top: 0;
    left: 0
}

@media (max-width:1024px) {
    .top-nav .top-nav-container {
        padding: 0 30px
    }

    .top-nav .top-nav-container p {
        padding: 0
    }

    .top-nav .top-nav-container .icon-cookies-policy-close {
        right: 12px
    }

    .top-nav.top-nav-fixed {
        z-index: 9
    }
}

body:after {
    content: "";
    background: #000;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    pointer-events: none
}

body.header-nav-show:after {
    z-index: 8;
    opacity: .2;
    pointer-events: auto
}

.first-screen-dialog .dialog-scroll-container .dialog {
    width: 620px;
    height: 450px;
    border: 0 solid #d8d8d8
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container,
.header {
    padding: 0
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main {
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: center;
    padding: 0 5px;
    width: 100%
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details {
    color: #000;
    padding: 0 0 5px
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details h3 {
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 15px
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details p {
    margin: 0 0 6px;
    font-size: 15px;
    line-height: 18px
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details p .font-color {
    color: #8f671b
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-img img {
    width: 100%;
    height: 450px
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn a {
    width: 140px;
    height: 38px;
    line-height: 38px;
    min-width: 100px
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-close {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: 0 0;
    top: -8px;
    right: -28px
}

.first-screen-dialog .dialog-scroll-container .dialog .dialog-close:before,
.header .header-container .nav-content .functional-area>.right .menu-search-mask,
.header .header-container .nav-content .functional-area>.right>ul>li.nav-menu-btn,
.header .header-container .nav-content .nav-wrap .menu-mask {
    display: none
}

.header {
    position: relative;
    z-index: 10;
    height: 138px
}

.header .header-container {
    background: #000;
    width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -moz-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out
}

.header .header-container .header-content {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    min-height: 78px
}

.header .header-container .header-content .logo {
    width: 153px;
    display: inline-block;
    padding: 20px 0 0;
    position: absolute;
    left: 50%;
    margin-left: -76px
}

.header,
.header .header-container .header-content .logo a img,
.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu.sub-menu-img img,
.header .header-container .nav-content>.logo a img {
    width: 100%
}

.header .header-container .nav-content {
    max-width: 1396px;
    margin: 10px auto 0;
    padding: 0 78px 0 49px
}

.header .header-container .nav-content>.logo {
    width: 0;
    height: 0;
    overflow: hidden
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information .price .star,
.header .header-container .nav-content .nav-wrap {
    float: left
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills {
    position: static
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li {
    line-height: 50px;
    margin-right: 0;
	    position: relative;
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a {
    color: #fff;
    padding: 0 23px
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a span {
    font-size: 14px;
    position: relative
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a span .tag {
    background: #d51b51;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: 12px;
    -webkit-transform: scale(.83333333, .83333333);
    -moz-transform: scale(.83333333, .83333333);
    -ms-transform: scale(.83333333, .83333333);
    -o-transform: scale(.83333333, .83333333);
    transform: scale(.83333333, .83333333);
    line-height: 13px;
    height: 15px;
    display: inline-block;
    padding: 1.5px 4px 0;
    margin: -12px -3px 0 1px;
    vertical-align: middle
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a span .tag-icon {
    background: 0 0;
    padding: 0;
    max-height: 30px;
    height: auto;
    margin: -30px -3px 0 1px
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a:before {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 7px;
    border-color: #000 transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    opacity: 0
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a:hover {
    font-weight: 700
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li .sub-menu {
    border-radius: 0;
    padding: 0
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li .sub-menu a {
    line-height: normal;
    padding: 0
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu {
    /* width: 100%;
    left: 0; padding: 40px 0;
*/
        width: 120px;
		position: absolute;
	    left: 0px;
	    right: 0px;
	    left: 50%;
	    transform: translate(-50%);
		border-bottom: 1px solid #e0e0e0;
        max-height: calc(100vh - 140px);
        padding-bottom: 8px;
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu.sub-menu-line:after {
    content: '';
    width: 1px;
    height: 100%;
    height: -moz-calc(100% - 100px);
    height: calc(100% - 100px);
    background: #ccc;
    position: absolute;
    top: 50px;
    left: 50%;
    display: none
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner {
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 94px;
    border-left: 1px solid #ccc
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner a {
    color: #000;
    text-align: center
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner a img {
    max-width: 350px
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner a div {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    padding: 15px 0 4px
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner a p {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a:hover,
.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner a:hover {
    text-decoration: none
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu {
    padding: 0;
    margin: 0;
    font-size: 0;
    display: inline-block;
    text-align: right;
    width: auto
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul {
    padding: 0;
    margin: 0;
    font-size: 0;
    width: auto;
    display: inline-block;
    text-align: left
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li {
    /* min-width: 160px; */
    display: inline-block;
    vertical-align: top;
    line-height: normal;
    text-align: left
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>a {
    color: #000;
    display: inline-block;
    line-height: 20px;
    padding-bottom: 16px;
    font-size: 15px;
    font-weight: 700
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu {
    border: 0;
    display: block;
    position: relative
}

.header .header-container .nav-content .functional-area>.right>ul,
.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul {
    font-size: 0
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul>li {
    margin-top: 12px
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul>li>a {
    color: #333;
    font-size: 14px;
    display: inline-block;
    line-height: 18px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul li a:hover,
.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul>li>a:hover {
    text-decoration: underline
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu.sub-menu-img {
    border: 0;
    padding: 0;
    overflow: visible
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li.is-hover>a {
    z-index: 11
}

.header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li.is-hover>a:before {
    opacity: 1
}

.header .header-container .nav-content .functional-area {
    float: right;
    position: relative
}

.header .header-container .nav-content .functional-area>.right {
    position: static;
    top: 0;
    right: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li {
    position: relative;
    display: inline-block;
    padding: 8px 2px 18px;
    margin-left: 14px;
    vertical-align: middle;
    cursor: pointer
}

.header .header-container .nav-content .functional-area>.right>ul>li>.sub-menu {
    border-radius: 0;
    border: 0 solid #fff;
    padding: 0;
    text-align: left;
    top: 100%
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search {
    margin-left: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu {
    width: 458px;
    right: -130px;
    top: 49px;
    padding: 36px 26px 40px;
    border: 1px solid #f1f1f1;
    max-height: -moz-calc(100vh - 140px);
    max-height: calc(100vh - 140px);
    overflow: auto;
    z-index: 5
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input {
    width: 100%;
    position: relative;
    padding: 0 18px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input {
    width: 100%;
    border: 0 solid #dadada;
    border-bottom: 4px solid #000;
    font-size: 16px;
    color: #000;
    height: 44px;
    padding: 8px 30px 8px 9px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::-webkit-input-placeholder {
    font-size: 16px;
    color: #c2c2c2
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::-moz-placeholder {
    font-size: 16px;
    color: #c2c2c2
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::-ms-input-placeholder {
    font-size: 16px;
    color: #c2c2c2
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::placeholder {
    font-size: 16px;
    color: #c2c2c2
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input.is-focus::-webkit-input-placeholder {
    font-size: 0 !important
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input.is-focus::-moz-placeholder {
    font-size: 0 !important
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input.is-focus::-ms-input-placeholder {
    font-size: 0 !important
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input.is-focus::placeholder {
    font-size: 0 !important
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group .form-input.is-error input,
.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input.is-error input {
    border-color: #d51b51
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input a {
    position: absolute;
    top: 0;
    right: 18px;
    padding: 9px 0 9px 6px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item {
    margin: 40px 0 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item h4 {
    padding: 0 18px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px;
    position: relative
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item h4 a {
    position: absolute;
    right: 14px;
    top: 0;
    padding: 0 4px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul {
    font-size: 0;
    padding: 0 1px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul li {
    float: left;
    margin: 6px 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul li a {
    font-size: 14px;
    line-height: 16px;
    color: #666;
    padding: 0;
    margin: 0 17px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-history {
    margin: 47px 0 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-history ul {
    height: 28px;
    overflow: hidden
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-everyone {
    margin: 38px 0 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul {
    font-size: 0;
    padding: 0;
    margin: 0 -5px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li {
    display: inline-block;
    width: 33.3333%;
    padding: 0 23px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    display: block;
    text-align: center;
    margin: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a img {
    width: 90px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a div {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0 2px
}

.header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a p {
    margin: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li .is-logged-content,
.header .header-container .nav-content .functional-area>.right>ul>li>a {
    position: relative
}

.header .header-container .nav-content .functional-area>.right>ul>li>a {
    display: block;
    color: #999
}

.header .header-container .nav-content .functional-area>.right>ul>li>a .icon,
.header .header-container .nav-content .functional-area>.right>ul>li>a span {
    vertical-align: top
}

.header .header-container .nav-content .functional-area>.right>ul>li>a span {
    font-size: 14px
}

.header .header-container .nav-content .functional-area>.right>ul>li>a:hover {
    color: #fff
}

.header .header-container .nav-content .functional-area>.right>ul>li.is-hover .is-logged-content,
.header .header-container .nav-content .functional-area>.right>ul>li.is-hover>a {
    z-index: 11
}

.header .header-container .nav-content .functional-area>.right>ul>li.is-hover .is-logged-content:before,
.header .header-container .nav-content .functional-area>.right>ul>li.is-hover>a:before {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login {
    padding: 0 2px;
    cursor: default
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>a {
    height: 48.2px;
    padding: 8px 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>a:before {
    top: 48px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>a .icon {
    margin-left: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content {
    display: none;
    vertical-align: top;
    height: 49px;
    padding: 14px 0 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content:before {
    top: 49px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content p {
    cursor: pointer;
    color: #999;
    font-size: 14px;
    margin-bottom: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content p a {
    color: #999
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content p a:last-child {
    text-decoration: underline
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content p a:hover,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content:hover p,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content:hover p a {
    color: #fff
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content .icon-box {
    display: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu {
    width: 366px;
    right: -4px;
    padding-bottom: 5px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.bottom,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.title,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>ul {
    padding: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.title,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>ul {
    border-bottom: 1px solid #dadada
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.title p {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.title p:nth-child(2) span {
    color: #d61b52
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.title p:nth-child(3) {
    color: #999;
    margin-bottom: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>ul>li {
    margin-bottom: 20px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>ul>li:last-child,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li:last-child {
    margin-bottom: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>ul>li a {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    color: #999
}

.footer-guide>ul>li a:hover,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>ul>li a:hover,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.title a:hover,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.title a:hover {
    text-decoration: underline
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu>.bottom a {
    font-size: 14px;
    color: #000;
    text-decoration: underline
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login>.sub-menu:after {
    content: '';
    height: 6px;
    background: #000;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog {
    display: none;
    width: 324px;
    background: #fff;
    border-radius: 6px;
    height: auto;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: -24px;
    left: auto;
    top: 49px;
    z-index: 5
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .icon {
    position: absolute;
    top: -12px;
    right: 22px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-lt {
    width: 40%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-lt p {
    font-size: 16px;
    white-space: wrap;
    margin-bottom: 5px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt {
    width: 56%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 30px;
    margin-left: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #000;
    left: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt a,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #000
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container:before {
    display: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog {
    position: absolute;
    right: -4px;
    left: auto;
    top: 49px;
    z-index: 5;
    border: 0 solid #f1f1f1;
    border-radius: 0;
    padding: 0;
    border-top: 0;
    width: 356px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .promotion {
    font-size: 14px;
    letter-spacing: 1px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container {
    border: 1px solid #f1f1f1
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container {
    padding: 0 42px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont {
    width: 100%;
    float: none;
    font-size: 0;
    padding: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont {
    margin: 0 0 54px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box {
    margin: 0 0 15px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box a {
    width: 100%;
    height: 38px;
    line-height: 38px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with ul {
    position: static;
    margin: 0 0 0 10px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with span {
    line-height: 16px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .forget-password-group {
    margin: 15px 0 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .forget-password-group a {
    height: auto;
    width: auto;
    min-width: 20px;
    display: inline-block;
    text-decoration: underline;
    margin-right: 40px;
    padding: 0;
    vertical-align: middle;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    border: 0;
    background: 0 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .forget-password-group .forget-password {
    color: #d61b52;
    margin-right: 0;
    float: right
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .forget-password-group .forget-password:after {
    border-bottom: 1px #d61b52 solid
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .forget-password-group.is-forget-password .forget-password,
.header-simple .headerbar-account a {
    display: inline-block
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code img,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .register-change {
    width: 100%
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-cont .register-change a,
.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .register-change a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border-bottom: 1px solid #000
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group {
    margin-bottom: 12px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group .form-input input {
    height: 38px;
    border: 1px solid #000
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input {
    padding-right: 140px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group {
    width: 138px;
    height: 38px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code {
    width: 78px;
    height: 38px;
    margin: 0 5px 0 7px;
    overflow: hidden
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group>span {
    position: absolute;
    top: 0;
    right: -9px;
    z-index: 2
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group>span>span {
    float: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.message-verification-group .form-input>div,
.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-handle .item-type-select {
    padding-right: 90px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.message-verification-group .form-input>div .verification-box {
    width: 80px;
    min-width: 70px;
    height: 38px;
    margin: 0;
    line-height: 38px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.remeberMe {
    margin: 20px 0;
    padding-left: 21px;
    cursor: default;
    white-space: normal
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.remeberMe i {
    top: -1px;
    cursor: pointer
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.remeberMe>span,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .form-group.remeberMe>span a {
    color: #666
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box {
    position: relative;
    margin: 46px 0 25px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box li a {
    text-decoration: none;
    line-height: 18px;
    font-size: 24px;
    color: #999
}

.footer-guide>ul>li h3>a:hover,
.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box li a:hover {
    text-decoration: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box li a:after {
    bottom: -2px;
    background: #666;
    display: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box li.is-active a {
    color: #000;
    text-decoration: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .tab-box:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    content: '';
    background: #999
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .maill-register-cont,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag:after {
    display: none
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-dialog-hover .dialog .dialog-container .login-register-container .tab-container .register-text {
    font-size: 12px;
    line-height: 18px;
    margin: 18px -16px 0 0;
    white-space: initial
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-login:hover>a:before {
    top: 48px;
    -webkit-transition: opacity 0s ease-in-out;
    -o-transition: opacity 0s ease-in-out;
    -moz-transition: opacity 0s ease-in-out;
    transition: opacity 0s ease-in-out
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>a {
    color: #f5f5f5
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon.is-max:after,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon.is-max:before {
    width: 19px;
    height: 19px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon.is-max:after {
    line-height: 19px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:after,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: -9px;
    right: -12px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:before {
    background: #d51b51;
    border-radius: 50%
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:after {
    content: attr(data-value);
    font-size: 12px;
    -webkit-transform: scale(.91666667, .91666667);
    -moz-transform: scale(.91666667, .91666667);
    -ms-transform: scale(.91666667, .91666667);
    -o-transform: scale(.91666667, .91666667);
    transform: scale(.91666667, .91666667);
    color: #fff;
    line-height: 18px;
    text-align: center
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu {
    white-space: normal;
    right: -33px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty {
    width: 714px;
    font-size: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .left,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right {
    display: inline-block;
    vertical-align: top
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .left {
    width: 297px;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 89px;
    padding-left: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .left>h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 110px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .left>a {
    font-size: 12px;
    color: #000;
    text-decoration: underline
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right {
    min-height: 350px;
    width: 100%;
    padding: 30px 40px 5px 327px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right>h4 {
    font-size: 18px;
    margin-bottom: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar {
    margin-right: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport {
    height: inherit;
    max-height: 234px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li {
    margin-bottom: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li a,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li a {
    padding: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li>a,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .num,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .price,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information>a {
    display: inline-block;
    vertical-align: top
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li>a>img,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information>a>img {
    width: 102px;
    border: 1px solid #dadada
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information {
    padding-left: 20px;
    width: -moz-calc(100% - 102px);
    width: calc(100% - 102px)
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.title {
    font-size: 14px;
    margin-bottom: 20px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.color {
    margin-bottom: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.color span,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.color span,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .btn .dropdown-text span,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a span {
    display: inline-block;
    vertical-align: middle
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.color span:first-child,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.color span:first-child {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 10px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.color span:first-child img,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.color span:first-child img,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .btn .dropdown-text span:first-child img,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a span:first-child img {
    width: 100%
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information>p.color span:last-child,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.color span:last-child {
    font-size: 12px;
    color: #999
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .viewport .overview>.product-list>li .product-information .price>span {
    float: right;
    font-size: 14px;
    font-weight: 700
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-empty .right .tinyscrollbar .scrollbar {
    right: -16px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full {
    width: 626px;
    padding-bottom: 35px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-title {
    padding-left: 32px;
    padding-right: 20px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-title>ul {
    font-size: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-title>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #000;
    height: 77px;
    line-height: 77px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-title>ul>li:first-child {
    width: 342px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-title>ul>li:nth-child(2) {
    text-align: center;
    width: 70px;
    background: #f5f5f5
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-title>ul>li:last-child {
    width: 160px;
    text-align: center
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content {
    padding-left: 32px;
    padding-right: 20px;
    margin-bottom: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport {
    height: inherit;
    max-height: 264px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li {
    position: relative;
    font-size: 0;
    padding-bottom: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information {
    font-size: 0;
    width: 342px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap {
    width: -moz-calc(100% - 110px);
    width: calc(100% - 110px);
    padding-left: 20px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .product-information .product-information-wrap>p.title {
    margin-bottom: 20px;
    font-size: 14px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .num,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .price {
    position: absolute;
    height: 100%;
    text-align: center;
    font-size: 0
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .num span,
.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .price span {
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    display: inline-block
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .num {
    width: 70px;
    background: #f5f5f5
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .viewport .overview>ul>li .price {
    right: 0;
    width: 160px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-content .tinyscrollbar .scrollbar {
    right: -8px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-total {
    background: #f5f5f5;
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-total span {
    float: right
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-total span:first-child {
    width: 118px;
    font-size: 18px;
    font-weight: 700
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-total span:last-child {
    width: 110px;
    font-size: 14px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-btn {
    text-align: right;
    padding-right: 30px
}

.header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>.sub-menu.sub-menu-full .mincart-btn .btn {
    min-width: 200px
}

@media (max-width:1480px) {
    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu {
        right: -80px
    }
}

@media (min-width:1025px) {
    .header.header-fixed .header-container {
        position: fixed
    }

    .header.header-fixed .header-container .header-content {
        display: none
    }

    .header.header-fixed .header-container .nav-content {
        padding: 0 15px;
        -webkit-transition: padding .2s ease-in-out;
        -o-transition: padding .2s ease-in-out;
        -moz-transition: padding .2s ease-in-out;
        transition: padding .2s ease-in-out
    }

    .header.header-fixed .header-container .nav-content>.logo {
        width: 102px;
        height: inherit;
        -webkit-transition: width .2s ease-in-out;
        -o-transition: width .2s ease-in-out;
        -moz-transition: width .2s ease-in-out;
        transition: width .2s ease-in-out;
        float: left;
        position: relative;
        top: 2px;
        margin: 0 29px 0 0
    }

    .nav-pills li.is-open>a {
        background-color: transparent
    }
}

@media (max-width:1413px) and (min-width:1279px) {
    .header .header-container .nav-content {
        padding: 0 78px 0 58px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a {
        padding: 0 17px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner {
        padding: 0 0 0 80px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li {
        min-width: 154px
    }

    .header.header-fixed .header-container .nav-content>.logo {
        margin: 0 20px 0 0
    }
}

@media (max-width:1279px) and (min-width:1200px) {
    .header .header-container .nav-content {
        padding: 0 78px 0 58px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a {
        padding: 0 13px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner {
        padding: 0 0 0 80px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li {
        min-width: 154px
    }

    .header.header-fixed .header-container .nav-content>.logo {
        margin: 0 20px 0 0
    }
}

@media (max-width:1199px) and (min-width:1025px) {
    .header .header-container .nav-content {
        padding: 0 15px 0 0
    }

    .header .header-container .nav-content .functional-area {
        margin-right: 24px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a {
        padding: 0 11px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner {
        padding: 0 0 0 70px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li {
        min-width: 150px
    }

    .header.header-fixed .header-container .nav-content>.logo {
        margin: 0 15px 0 0
    }
}

@media (max-width:1024px) {

    body.header-nav-show:after,
    body:after {
        display: none
    }

    .first-screen-dialog .dialog-scroll-container .dialog-scroll {
        padding: 0 22px
    }

    .first-screen-dialog .dialog-scroll-container .dialog {
        width: 100%;
        max-width: 660px;
        height: auto;
        min-height: 240px;
        max-height: 570px;
        margin: 0 auto
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-img img {
        height: auto
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main {
        bottom: 6%;
        padding: 0 5px
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details {
        padding: 0 0 3px
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details h3 {
        font-size: 19px;
        line-height: 20px;
        margin: 0 0 12px
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-main .dialog-details p {
        margin: 0 0 3px;
        font-size: 12px;
        line-height: 16px
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn a {
        width: 110px;
        height: 36px;
        line-height: 36px
    }

    .first-screen-dialog .dialog-scroll-container .dialog .dialog-close {
        top: -12px;
        right: -12px;
        background: #fff
    }

    .header {
        background: #000;
        height: 64px
    }

    .header .header-container {
        height: 100%
    }

    .header .header-container .header-content,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-banner,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu.sub-menu-line:after,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a:before {
        display: none
    }

    .header .header-container .nav-content {
        padding: 0;
        height: 100%;
        margin: 0
    }

    .header .header-container .nav-content>.logo {
        width: 100px;
        height: auto;
        position: absolute;
        top: 11px;
        left: 50%;
        margin-left: -50px
    }

    .header .header-container .nav-content .nav-wrap {
        width: 85%;
        height: 100%;
        position: fixed;
        left: -100%;
        z-index: 9;
        background: #000;
        margin-top: 0;
        float: none;
        top: 106px
    }

    .header .header-container .nav-content .nav-wrap .menu-top {
        background: 0 0;
        z-index: 2;
        padding: 0;
        position: absolute;
        top: 10px;
        right: -30px
    }

    .header .header-container .nav-content .nav-wrap .menu-top>a {
        display: inline-block;
        font-size: 0
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul,
    .header .header-container .nav-content .nav-wrap .menu-top>a.menu-close {
        padding: 0
    }

    .header .header-container .nav-content .nav-wrap .menu-top>a.menu-close .icon {
        position: relative
    }

    .header .header-container .nav-content .nav-wrap .menu-top>a.menu-close .icon:before {
        content: '';
        width: 40px;
        height: 40px;
        position: absolute;
        top: -50%;
        right: -50%
    }

    .header .header-container .nav-content .nav-wrap .header-scroll {
        height: 100%;
        position: relative;
        z-index: 2;
        overflow: hidden;
        background: #f7f7f7
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills {
        background: #fff;
        padding: 28px 0 5px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li {
        display: block;
        width: 100%;
        line-height: normal;
        padding: 0;
        border: 0
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a {
        position: relative;
        color: #000;
        line-height: 20px;
        padding: 15px 18px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a span .tag {
        color: #fff;
        line-height: 11px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a span .tag-icon {
        margin: -30px -3px 0 2px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>a .icon,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a .icon {
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 18px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu {
        position: static;
        padding: 0;
        border: 0;
        max-height: 10000px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul {
        padding: 0;
        width: 100%;
        text-align: left
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li {
        width: 100%;
        margin: 0
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>a {
        display: block;
        padding: 14px 18px;
        margin: 0;
        line-height: 20px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>a span,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>a span {
        font-weight: 700;
        font-size: 13px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li.view-all>a {
        margin-bottom: 7px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li.view-all>a .icon {
        position: relative;
        top: -1px;
        right: 0
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li.view-all>a:after {
        content: '';
        height: 1px;
        background: #dadada;
        position: absolute;
        right: 18px;
        bottom: 0;
        left: 18px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu {
        display: none;
        position: static;
        padding: 0 0 38px;
        border: 0;
        max-height: 10000px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul>li {
        padding: 0;
        margin: 0
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul>li>a {
        color: gray;
        display: block;
        padding: 15px 18px;
        margin-bottom: 0;
        line-height: 20px;
        position: relative;
        z-index: 10
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li>.sub-menu>ul>li>a span {
        color: gray;
        font-size: 13px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li.is-open>a {
        background-color: #fff
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu .nav-menu>ul>li.is-open>.sub-menu {
        display: block
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-menu-btn>a:before,
    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search>a:before,
    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li>.sub-menu.sub-menu-img {
        display: none
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li.is-open>a {
        background-color: #fff;
        text-align: center;
        padding: 17px 18px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li.is-open>a>span {
        font-size: 16px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container>.nav-pills>li.is-open>a .icon {
        right: auto;
        left: 18px;
        margin-top: -5px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area {
        padding-top: 5px;
        float: none
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area>ul {
        float: none
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area>ul>li {
        display: block;
        width: 100%;
        line-height: normal;
        padding: 0;
        border-bottom: 0
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area>ul>li>a {
        display: block;
        position: relative;
        color: #000;
        line-height: 20px;
        padding: 15px 18px 15px 37px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area>ul>li>a span {
        font-size: 13px;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        position: relative
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area>ul>li>a span:first-child {
        position: absolute;
        margin: 0;
        top: auto;
        left: 18px
    }

    .header .header-container .nav-content .nav-wrap .header-scroll .scroller-wrap .header-scroll-container .functional-area>ul>li>a .icon {
        vertical-align: middle;
        left: -2px
    }

    .header .header-container .nav-content .nav-wrap .menu-mask {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 106px;
        left: 0;
        z-index: 1;
        background: rgba(0, 0, 0, .6)
    }

    .header .header-container .nav-content .functional-area {
        position: static;
        width: 100%;
        height: 100%
    }

    .header .header-container .nav-content .functional-area>.right {
        float: none;
        width: 100%;
        height: 100%
    }

    .header .header-container .nav-content .functional-area>.right .menu-search-mask {
        display: none;
        width: 100%;
        height: -moz-calc(100% - 106px);
        height: calc(100% - 106px);
        position: fixed;
        top: 106px;
        left: 0;
        z-index: 1;
        background: rgba(0, 0, 0, .6)
    }

    .header .header-container .nav-content .functional-area>.right>ul {
        padding: 0 8px 0 5px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li {
        padding: 23px 5px 20px;
        margin-left: 3px;
        height: 64px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-menu-btn {
        display: inline-block;
        padding: 25px 5px 20px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search {
        margin-left: 3px;
        padding: 24px 5px 20px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu {
        width: 100%;
        right: auto;
        left: 0;
        top: 106px;
        position: fixed;
        padding: 0;
        border: 0 solid #f1f1f1;
        max-height: -moz-calc(100vh - 106px);
        max-height: calc(100vh - 106px);
        max-height: 100%;
        overflow: hidden
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-main {
        padding: 33px 6px 24px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input {
        padding: 0 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input {
        border-bottom: 2px solid #000;
        font-size: 13px;
        height: 32px;
        padding: 6px 30px 6px 5px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::-webkit-input-placeholder {
        font-size: 13px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::-moz-placeholder {
        font-size: 13px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::-ms-input-placeholder {
        font-size: 13px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input input::placeholder {
        font-size: 13px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .form-input a {
        padding: 5px 0 5px 5px;
        right: 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item {
        position: relative;
        padding-top: 30px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: -webkit-fill-available;
        height: 1px;
        border-top: 1px solid #e5e5e5;
        margin: 0 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item h4 {
        padding: 0 14px;
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 4px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item h4 a {
        right: 10px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul li {
        margin: 4px 0
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul li a {
        margin: 0 14px;
        font-size: 12px;
        line-height: 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item ul li a:hover {
        text-decoration: none
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-history {
        margin: 0;
        padding-bottom: 24px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-history ul {
        height: 22px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-everyone {
        margin: 0;
        padding-top: 29px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login>a span,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-login>a:before,
    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-everyone:before {
        display: none
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse {
        margin: 0;
        padding-bottom: 22px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul {
        margin: 0 2px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li {
        padding: 0 12px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a {
        font-size: 12px;
        line-height: 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a div {
        padding: 9px 0 4px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a p {
        font-size: 13px;
        line-height: 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.nav-search .sub-menu .search-item.search-browse ul li a img {
        width: 100px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login {
        float: right;
        display: inline-block;
        padding: 23px 5px 20px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog {
        padding: 20px;
        width: 186px;
        right: -24px;
        top: 57px;
        opacity: .98
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .icon {
        right: 22px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        margin-top: 10px;
        padding-top: 16px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt:before {
        top: 0;
        width: 100%;
        height: 1px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt a,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-rt p {
        font-size: 12px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-lt {
        width: 100%;
        padding-left: 0;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -moz-box-orient: initial;
        -moz-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .login-suc-dialog .member-dialog .dialog-lt p {
        font-size: 14px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login>a {
        height: auto;
        padding: 0
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login>a .icon {
        display: inline-block;
        margin-left: 0
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content p,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content:before,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>a span,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>a:before {
        display: none
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login .is-logged-content .icon-box,
    .header .header-container .nav-content .functional-area>.right>ul>li.is-hover>a::before {
        display: block
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-login.is-logged>a {
        display: inline-block
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag {
        float: right;
        display: inline-block
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag>a .icon {
        margin-left: 0
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon.is-max:after,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon.is-max:before {
        width: 19px;
        height: 19px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon.is-max:after {
        line-height: 19px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:after,
    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:before {
        width: 15px;
        height: 15px;
        top: -6px;
        right: -8px
    }

    .header .header-container .nav-content .functional-area>.right>ul>li.header-shopping-bag.is-full>a .icon:after {
        line-height: 15px;
        font-size: 12px;
        -webkit-transform: scale(.83333333, .83333333);
        -moz-transform: scale(.83333333, .83333333);
        -ms-transform: scale(.83333333, .83333333);
        -o-transform: scale(.83333333, .83333333);
        transform: scale(.83333333, .83333333)
    }

    .header.header-fixed {
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 9
    }

    .min-nav-scroll {
        padding: 0 30px;
        background: #f5f5f5;
        margin-top: 0;
        -webkit-transition: margin-top .2s ease-in-out;
        -o-transition: margin-top .2s ease-in-out;
        -moz-transition: margin-top .2s ease-in-out;
        transition: margin-top .2s ease-in-out
    }

    .min-nav-scroll .min-nav-scroll-container {
        position: relative
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap {
        overflow: hidden;
        position: relative;
        max-width: 100%
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap ul {
        font-size: 0;
        white-space: nowrap
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap ul li {
        display: inline-block;
        vertical-align: top;
        height: 38px;
        line-height: 38px;
        padding: 0 10px
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap ul li a {
        display: block;
        color: #000
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap ul li a span {
        display: inline-block;
        font-size: 14px
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap ul li:first-child {
        padding-left: 0
    }

    .min-nav-scroll .min-nav-scroll-container .scroller-wrap ul li:last-child {
        padding-right: 0
    }

    .min-nav-scroll.min-nav-scroll-fixed {
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 8
    }

    .header-placeholder {
        width: 100%;
        height: 0
    }
}

.shoppingcart-wrapper .min-nav-scroll {
    display: none !important
}

.password-strength {
    position: relative;
    width: 100%;
    height: 20px;
    overflow: hidden;
    margin-top: 10px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.password-strength .progress-bar {
    font-size: 12px;
    width: 1%;
    height: 100%;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    -moz-transition: width .6s ease;
    transition: width .6s ease
}

.password-strength .progress-bar span {
    display: inline-block;
    min-width: 60px
}

.password-strength .progress-bar.is-danger {
    background: #d9534f
}

.password-strength .progress-bar.is-warning {
    background: #f0ad4e
}

.password-strength .progress-bar.is-success {
    background: #5cb85c
}

.cloudzoom-blank div {
    background: 0 0 !important;
    border: 0 !important;
    text-indent: -99999px !important;
    z-index: 10
}

.cloudzoom-zoom-inside {
    z-index: 99999
}

.min-pdp-dialog .dialog-scroll-wrap {
    table-layout: fixed
}

.min-pdp-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
    display: block;
    margin: auto;
    max-width: 1240px
}

.min-pdp-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll .dialog {
    margin: 0;
    width: auto
}

.min-pdp-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll .dialog .dialog-container {
    padding: 0;
    height: 650px
}

.min-pdp-dialog .dropdown .btn {
    height: 50px;
    line-height: 48px;
    padding: 0 20px
}

.min-pdp-dialog .dropdown .btn .dropdown-icon .icon-caret {
    right: 17px
}

.min-pdp-dialog .dropdown .tinyscrollbar.sub-menu {
    margin-top: -1px
}

.min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport {
    max-height: 144px
}

.min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a {
    padding: 0 20px;
    font-size: 14px;
    color: #999;
    height: 48px;
    line-height: 48px
}

.min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li:hover {
    background-color: #fff
}

.min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li.is-active a,
.min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li:hover a {
    color: #d51b51
}

.min-pdp-dialog .product-content {
    padding: 60px 20px;
    position: relative;
    max-width: 1240px;
    height: 100%;
    font-size: 0
}

.min-pdp-dialog .product-content .product-left,
.min-pdp-dialog .product-content .product-right {
    display: inline-block;
    padding: 0 15px 0 0;
    width: 50%;
    vertical-align: top
}

.min-pdp-dialog .product-content .product-left .thumbnails-container {
    float: left;
    position: relative;
    width: 80px
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-container {
    height: 440px;
    width: 83px;
    margin-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-container .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-container .swiper-wrapper .swiper-slide {
    margin-bottom: 10px;
    height: auto;
    border: 1px solid #dadada;
    cursor: pointer;
    position: relative
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-container .swiper-wrapper .swiper-slide.is-active,
.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item.is-active {
    border-color: #000
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-next,
.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-prev {
    width: 32px;
    height: 80px;
    left: 24px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: 12px 22px
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-next.swiper-button-disabled,
.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-next.swiper-button-prev,
.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-prev.swiper-button-prev {
    top: -34px;
    bottom: auto
}

.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-next.swiper-button-next,
.min-pdp-dialog .product-content .product-left .thumbnails-container .panal-box .swiper-button-prev.swiper-button-next {
    top: auto;
    bottom: -56px
}

.min-pdp-dialog .product-content .product-left .master-map-container {
    position: relative;
    margin-left: 120px;
    min-height: 440px
}

.min-pdp-dialog .product-content .product-left .master-map-container .tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.min-pdp-dialog .product-content .product-left .master-map-container .tag span {
    display: block;
    width: 80px;
    height: 33px;
    font-size: 14px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    background-color: #000
}

.min-pdp-dialog .product-content .product-left .master-map-container .swiper-container {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.min-pdp-dialog .product-content .product-left .master-map-container .swiper-container .swiper-slide {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.min-pdp-dialog .product-content .product-left .master-map-container .swiper-container .swiper-slide:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-left .master-map-container .swiper-container .swiper-slide img {
    width: 100%;
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-right {
    padding: 0 18px 0 27px;
    text-align: left
}

.min-pdp-dialog .product-content .product-right .product-main {
    position: relative;
    height: 530px;
    overflow: hidden
}

.min-pdp-dialog .product-content .product-right .product-main .product-scroll-container {
    padding-right: 12px
}

.min-pdp-dialog .product-content .product-right .product-main .product-tit h2 {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: .25px
}

.min-pdp-dialog .product-content .product-right .product-main .product-tit h3 {
    font-size: 18px;
    letter-spacing: .75px
}

.min-pdp-dialog .product-content .product-right .product-main .product-evaluate {
    padding: 26px 0 30px;
    font-size: 0
}

.min-pdp-dialog .product-content .product-right .product-main .product-evaluate .evaluate-star {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.min-pdp-dialog .product-content .product-right .product-main .product-evaluate .evaluate-star li {
    float: left;
    margin-right: 4px
}

.min-pdp-dialog .product-content .product-right .product-main .product-evaluate .evaluate-msg {
    display: inline-block;
    margin: 0 0 0 26px;
    font-size: 14px;
    letter-spacing: .75px;
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-right .product-main .product-evaluate .evaluate-msg a {
    color: #999
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail {
    margin-right: -20px;
    padding-bottom: 10px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item {
    margin: 0 20px 20px 0;
    padding: 17px 18px;
    border: 2px solid #dadada;
    color: #999;
    cursor: pointer
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item.is-active .product-size {
    color: #000
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item .product-size {
    margin: 0 0 6px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .75px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item .product-price {
    margin: 0;
    font-size: 12px;
    letter-spacing: .75px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle {
    padding-bottom: 38px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-selected-price {
    float: left;
    margin: 0 10px 0 0;
    width: 84px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 50px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-num-select {
    float: left;
    width: 100px;
    height: 50px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-btn {
    margin-left: 194px
}

.min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-empty {
    margin-left: 140px
}

.min-pdp-dialog .product-content .product-right .product-main .product-btn,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .btn .dropdown-text,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul {
    font-size: 0
}

.min-pdp-dialog .product-content .product-right .product-main .product-btn>div {
    padding-left: 10px
}

.min-pdp-dialog .product-content .product-right .product-main .product-btn .btn {
    min-width: 100%;
    height: 50px;
    line-height: 50px
}

.min-pdp-dialog .product-content .product-right .product-main .product-empty .btn {
    min-width: 100%;
    height: 50px;
    line-height: 50px;
    letter-spacing: 1px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-msg {
    font-size: 14px;
    letter-spacing: .75px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list {
    position: relative
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container {
    margin: 0 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper .swiper-slide {
    padding: 0 10px;
    width: auto;
    text-align: center
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper .swiper-slide.is-active span:after {
    display: block;
    position: absolute;
    bottom: -5px;
    content: '';
    width: 100%;
    height: 2px;
    background: #000
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper .swiper-slide span {
    position: relative;
    display: inline-block;
    margin: 13px 0 5px;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    cursor: pointer
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper .swiper-slide span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-next,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-prev {
    top: 50%;
    margin-top: -21px;
    width: 22px;
    height: 42px;
    background-size: 12px 22px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-next.swiper-button-disabled,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-next.swiper-button-prev,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-prev.swiper-button-prev {
    left: -5px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-next.swiper-button-next,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-button-prev.swiper-button-next {
    right: -5px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown {
    padding: 30px 0;
    font-size: 0
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown.is-empty .product-color-select {
    padding: 0;
    width: 100%
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown.is-empty .product-num-select {
    display: none
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    width: 66.66%
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .btn .dropdown-text span:first-child,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a span:first-child {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 0;
    overflow: hidden;
    border-radius: 50%
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .btn .dropdown-text span:last-child,
.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a span:last-child {
    font-size: 14px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a img {
    display: inline-block;
    width: 20px;
    height: auto;
    margin-right: 5px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-num-select {
    display: inline-block;
    vertical-align: top;
    width: 33.33%
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle {
    padding-bottom: 38px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle .product-selected-price {
    float: left;
    margin: 0 10px 0 0;
    width: 84px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 50px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle .product-btn {
    margin-left: 94px
}

.min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle .product-empty {
    margin-left: 140px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-handle {
    position: relative;
    padding-bottom: 30px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-handle .product-selected-price {
    margin: 0;
    padding-right: 10px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 50px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single {
    padding: 0 0 30px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color li span img,
.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-img img,
.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-show .btn,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-input input {
    width: 100%
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-show .btn span {
    margin-right: 60px;
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-show .btn i.icon {
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list {
    display: none
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item {
    padding: 30px 0;
    border-bottom: 1px solid #dadada
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-tit {
    padding-bottom: 30px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-tit p {
    margin: 0;
    font-size: 14px;
    letter-spacing: .25px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-tit p:first-child {
    margin-bottom: 8px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-img {
    float: left;
    width: 140px;
    height: 140px;
    overflow: hidden
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail {
    margin-left: 195px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color {
    padding-bottom: 20px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color li {
    display: inline-block;
    margin-right: 18px;
    vertical-align: top
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color li.is-active span {
    border: 2px solid #000
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color li span {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-handle {
    position: relative;
    padding-bottom: 20px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-handle .product-selected-price {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 50px;
    text-align: center
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-btn .btn {
    width: 200px;
    height: 50px;
    line-height: 50px
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .product-handle {
    padding: 40px 0 0
}

.min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .product-handle .product-selected-price {
    padding: 0 0 0 10px;
    text-align: center
}

.min-pdp-dialog .product-content .product-right .product-main .product-service {
    margin-bottom: 38px;
    padding: 30px 30px 25px;
    background: #fcf3f8
}

.min-pdp-dialog .product-content .product-right .product-main .product-service .form-checkbox {
    padding-bottom: 5px;
    display: inline-block;
    cursor: pointer
}

.min-pdp-dialog .product-content .product-right .product-main .product-service .form-checkbox span {
    margin-left: 10px;
    font-size: 14px;
    letter-spacing: .75px;
    color: #d22153;
    vertical-align: middle
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with ul li a i,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul li a i,
.min-pdp-dialog .product-content .product-right .product-main .product-collection .add-collection .icon,
.min-pdp-dialog .product-content .product-right .product-main .product-collection>a .icon,
.min-pdp-dialog .product-content .product-right .product-main .product-service .form-checkbox .icon,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox+a .icon,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox+a span {
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-right .product-main .product-service p {
    margin: 0;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px
}

.min-pdp-dialog .product-content .product-right .product-main .product-info h4 {
    padding-bottom: 15px;
    font-size: 14px;
    letter-spacing: .75px
}

.min-pdp-dialog .product-content .product-right .product-main .product-info .info-content {
    position: relative;
    margin-bottom: 30px;
    letter-spacing: .75px;
    line-height: 22px;
    color: #d22153;
    font-size: 14px
}

.min-pdp-dialog .product-content .product-right .product-main .product-info .info-content p {
    margin: 0
}

.min-pdp-dialog .product-content .product-right .product-main .product-info .info-content a {
    color: #333;
    text-decoration: underline
}

.min-pdp-dialog .product-content .product-right .product-main .product-collection {
    position: relative;
    height: 16px
}

.min-pdp-dialog .product-content .product-right .product-main .product-collection .add-collection {
    font-size: 14px;
    letter-spacing: .75px
}

.min-pdp-dialog .product-content .product-right .product-main .product-collection .add-collection a {
    display: inline-block;
    margin-left: 4px;
    color: #000;
    text-decoration: underline;
    vertical-align: middle
}

.min-pdp-dialog .product-content .product-right .product-main .product-collection>a {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    letter-spacing: .75px;
    line-height: 1;
    color: #000
}

.min-pdp-dialog .product-content .product-right .product-main .product-collection>a:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #000
}

.min-pdp-dialog .product-content .product-right .product-main .product-collection>a span {
    margin-right: 2px;
    vertical-align: middle
}

@media (max-width:1024px) {
    .min-pdp-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
        padding: 0
    }

    .min-pdp-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll .dialog {
        border: 0
    }

    .min-pdp-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll .dialog .dialog-container {
        height: auto
    }

    .min-pdp-dialog .dropdown .btn {
        height: 42px;
        line-height: 40px;
        padding: 0 10px
    }

    .min-pdp-dialog .dropdown .btn .dropdown-icon .icon-caret {
        right: 8px
    }

    .min-pdp-dialog .dropdown .tinyscrollbar.sub-menu {
        margin-top: -1px
    }

    .min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport {
        max-height: 120px
    }

    .min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a {
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px
    }

    .min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a span:last-child,
    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .btn .dropdown-text span:last-child,
    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select .dropdown .sub-menu .viewport .overview li a span:last-child {
        font-size: 12px
    }

    .min-pdp-dialog .dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li:hover a {
        color: #999
    }

    .min-pdp-dialog .product-content {
        padding: 95px 0 40px;
        height: auto
    }

    .min-pdp-dialog .product-content .product-left {
        display: block;
        padding: 0 20px;
        width: auto
    }

    .min-pdp-dialog .product-content .product-left .master-map-container {
        margin-left: 0;
        min-height: auto
    }

    .min-pdp-dialog .product-content .product-left .master-map-container .tag span {
        width: 48px;
        height: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .min-pdp-dialog .product-content .product-left .master-map-container .swiper-container .swiper-slide:after {
        display: none
    }

    .min-pdp-dialog .product-content .product-right {
        display: block;
        padding: 0 15px;
        width: auto
    }

    .min-pdp-dialog .product-content .product-right .product-main {
        position: static;
        height: auto;
        overflow: visible
    }

    .min-pdp-dialog .product-content .product-right .product-main>.scroller-wrap {
        position: static !important
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-scroll-container {
        padding-right: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-tit {
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px 0 0;
        width: 100%;
        text-align: center
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-tit h2 {
        margin-bottom: 6px;
        font-size: 12px;
        letter-spacing: .125px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-tit h3 {
        letter-spacing: .375px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-evaluate {
        position: absolute;
        top: 60px;
        left: 0;
        padding: 10px 0;
        width: 100%;
        text-align: center
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-evaluate .evaluate-msg {
        margin: 0 0 0 6px;
        font-size: 12px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-evaluate .evaluate-msg a {
        text-decoration: underline
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color,
    .min-pdp-dialog .product-content .product-right .product-main .product-ml,
    .min-pdp-dialog .product-content .product-right .product-main .product-suit {
        padding-top: 20px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail {
        margin-right: -15px;
        padding-bottom: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item {
        margin: 0 15px 15px 0;
        padding: 12px 14px;
        border-width: 1px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item .product-size {
        margin: 0 0 6px;
        font-size: 12px;
        letter-spacing: .375px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-detail .detail-item .product-price {
        font-size: 12px;
        letter-spacing: .375px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle {
        margin-right: -15px;
        padding-bottom: 18px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle.is-empty .product-selected-price {
        width: 100%;
        text-align: center
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-selected-price {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0 15px 0 0;
        width: 33.33%;
        line-height: 42px;
        vertical-align: middle
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-num-select {
        display: inline-block;
        float: none;
        padding: 0 15px 0 0;
        width: 66.66%;
        height: 42px;
        vertical-align: middle
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-btn {
        margin: 0;
        padding-top: 15px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container,
    .min-pdp-dialog .product-content .product-right .product-main .product-ml .product-handle .product-empty {
        margin: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-btn>div {
        padding: 0 15px 0 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-btn .btn,
    .min-pdp-dialog .product-content .product-right .product-main .product-empty .btn {
        height: 42px;
        line-height: 42px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper.is-center {
        display: block;
        font-size: 0;
        white-space: nowrap;
        text-align: center
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper.is-center .swiper-slide {
        display: inline-block
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper.is-center .swiper-slide:last-child {
        margin: 0 !important
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper .swiper-slide {
        padding: 0 8px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-list .swiper-container .swiper-wrapper .swiper-slide span {
        margin-top: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown {
        padding: 15px 0 10px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-color-select {
        width: 73.66%
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-color-dropdown .product-num-select {
        width: 26.33%
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle {
        padding-bottom: 18px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle .product-selected-price {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle .product-btn {
        margin: 0 -15px 0 0;
        padding: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-color .product-handle .product-empty {
        margin: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-handle {
        padding-bottom: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-handle .product-selected-price {
        padding: 0;
        line-height: 42px;
        text-align: center
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single {
        padding: 0 0 18px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .product-handle .btn,
    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-show .btn {
        width: 100%
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-show .btn span {
        margin-right: 30px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .product-handle {
        padding-top: 20px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list {
        display: none
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item {
        padding: 15px 0 20px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-tit {
        padding-bottom: 15px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-tit p {
        font-size: 12px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-tit p:first-child {
        margin-bottom: 6px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-img {
        float: none;
        display: inline-block;
        padding-right: 20px;
        width: 50%;
        height: auto;
        vertical-align: top
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail {
        display: inline-block;
        margin-left: 0;
        width: 50%;
        vertical-align: top
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color {
        margin-right: -15px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color li {
        margin-right: 15px;
        padding-bottom: 15px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-color li span {
        width: 28px;
        height: 28px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-handle {
        padding-bottom: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-handle .item-type-select {
        padding-right: 0
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-handle .product-selected-price {
        position: static;
        margin: 0;
        padding-top: 8px;
        width: auto;
        font-size: 12px;
        line-height: 40px;
        text-align: left
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-suit .product-single .single-list .single-item .item-detail .item-btn .btn {
        width: 100%;
        height: 42px;
        line-height: 40px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-service {
        margin-bottom: 18px;
        padding: 22px 5px 19px 14px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-service .form-checkbox {
        padding-bottom: 7px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-service .form-checkbox span {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .375px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-service p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .5px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-info .info-content {
        margin-bottom: 20px;
        letter-spacing: .375px;
        line-height: 18px;
        color: #000;
        font-size: 12px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-collection {
        text-align: center;
        height: 26px
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-collection .add-collection {
        display: none
    }

    .min-pdp-dialog .product-content .product-right .product-main .product-collection>a {
        position: relative;
        font-size: 12px;
        line-height: 24px
    }
}

.register-dialog .dialog-scroll-container .dialog,
.sign-up-dialog .dialog-scroll-container .dialog {
    width: 835px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 40px 60px 60px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left {
    float: left;
    padding-right: 86px;
    border-right: 1px solid #dbdbdb
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left>h4 {
    font-size: 28px;
    margin-bottom: 30px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .login-user-desc {
    margin: -14px 0 25px;
    line-height: 18px;
    color: #d51b51
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group {
    margin-bottom: 20px;
    width: 380px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .control-label {
    margin-bottom: 10px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .control-label span {
    color: #d51b51
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-input {
    position: relative;
    font-size: 0;
    width: 100%
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-input .msg-block {
    margin-top: 10px;
    font-size: 14px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox .icon,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox span {
    display: inline-block;
    vertical-align: middle
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox .icon {
    margin-right: 6px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox span,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-selects>div .form-select .btn span {
    color: #999
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-checkbox+a {
    color: #999;
    float: right;
    position: relative;
    top: 1px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .input-box {
    float: left;
    margin-right: 10px;
    position: relative
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .input-box input {
    width: 114px;
    display: inline-block
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .count-down-text span,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .msg-block span,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .btn-group {
    font-size: 14px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .btn-group .code {
    display: inline-block;
    width: 92px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group .code+span a,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>p a,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .btn-group span a {
    color: #000;
    text-decoration: underline
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>p,
.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .btn-box {
    margin-bottom: 40px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .btn-box .btn:nth-child(2) {
    display: none
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .or {
    text-align: center;
    width: 380px;
    position: relative;
    margin-bottom: 30px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .or:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    left: 0
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .or span {
    display: inline-block;
    width: 60px;
    background: #fff;
    position: relative;
    z-index: 1
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li {
    text-align: center;
    display: inline-block;
    margin-right: 20px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li>a {
    position: relative;
    margin-bottom: 10px;
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #ebebeb;
    text-align: center;
    font-size: 0
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li>a .icon {
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li>a:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li>span {
    font-size: 12px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .right {
    float: left;
    padding-left: 86px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .right>h4 {
    font-size: 28px;
    margin-bottom: 20px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .right>p {
    margin-bottom: 30px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .right>ul>li {
    margin-bottom: 20px;
    font-size: 14px;
    color: #999
}

.register-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 50px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>h4 {
    font-size: 28px;
    margin-bottom: 10px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group {
    padding-right: 25px;
    margin-bottom: 20px;
    position: relative
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .control-label {
    margin-bottom: 10px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .control-label span {
    color: #d51b51
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .form-input,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .form-input input,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .img-box img {
    width: 100%
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .form-input .msg-block {
    margin-top: 10px
}

.login-dialog .form-group.message-verification-group .form-input>div.msg-block,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group {
    padding-right: 0
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group>span {
    vertical-align: middle;
    margin-right: 14px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .form-checkbox {
    margin-right: 34px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .form-checkbox .icon,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .form-checkbox span {
    display: inline-block;
    vertical-align: middle
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .form-checkbox .icon {
    margin-right: 6px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .info {
    float: right;
    padding-right: 25px;
    margin-bottom: 0
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .info span {
    color: #d51b51
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container {
    font-size: 0
}

.footer-companion ul li,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group,
.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .input-box {
    display: inline-block;
    vertical-align: top
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .input-box {
    position: relative;
    width: 114px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group {
    width: -moz-calc(100% - 124px);
    width: calc(100% - 124px);
    height: 40px;
    padding-left: 10px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group .btn {
    min-width: 144px;
    height: 40px;
    line-height: 40px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group .code {
    width: 114px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #ccc;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group .code+span {
    display: inline-block;
    vertical-align: middle;
    width: -moz-calc(100% - 124px);
    width: calc(100% - 124px);
    padding-left: 10px;
    font-size: 14px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .count-down-text {
    margin-top: 10px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group:not(.radio-group) .form-checkbox {
    position: absolute;
    top: 0;
    left: 0
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group:not(.radio-group) .form-checkbox+p {
    padding-left: 24px;
    color: #999;
    margin-bottom: 0
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group:not(.radio-group) .form-checkbox+p a {
    color: #999;
    text-decoration: underline
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>.form-group:not(.radio-group) {
    margin-bottom: 10px
}

.register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>.info {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px;
    padding-left: 24px;
    margin-bottom: 20px
}

.subscribe-email-dialog .dialog-scroll-container .dialog,
.subscribe-email-success-dialog .dialog-scroll-container .dialog {
    width: 970px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 30px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .img-box,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content {
    display: inline-block;
    vertical-align: middle
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .img-box {
    width: 310px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content {
    width: -moz-calc(100% - 370px);
    width: calc(100% - 370px);
    padding-left: 60px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content>p {
    font-size: 14px;
    margin-bottom: 40px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content>p.title {
    font-size: 18px;
    margin-bottom: 15px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group {
    width: 430px;
    margin-bottom: 20px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-input,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-input input {
    width: 100%
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-input .msg-block {
    padding-left: 20px;
    margin-top: 10px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-input .msg-block span {
    font-size: 12px;
    color: #ec5840
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation,
.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation>a,
.footer-guide>ul>li .item-share ul li,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-checkbox {
    position: relative
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-checkbox .icon {
    position: absolute;
    top: 0;
    left: 0
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-checkbox+p {
    padding-left: 22px;
    font-size: 12px;
    color: #999;
    line-height: 16px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .form-group-panal p a,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .form-group .form-checkbox+p a {
    color: #999;
    text-decoration: underline
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .btn-box .btn,
.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .btn-box .cancel,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group.radio-group .form-checkbox .icon,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group.radio-group .form-checkbox span {
    display: inline-block;
    vertical-align: middle
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .btn-box .btn {
    min-width: 200px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .btn-box .cancel {
    font-size: 14px;
    color: #000;
    margin-left: 60px
}

.subscribe-email-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-container .subscribe-email-content .btn-box .cancel .icon {
    position: relative;
    top: 2px;
    margin-left: 3px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 30px 60px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .left,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right {
    float: left
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .left {
    width: 420px;
    text-align: center;
    border-right: 1px solid #e8e8e8;
    padding-right: 80px;
    padding-left: 6px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right {
    padding-left: 48px;
    width: 428px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right>.title {
    font-size: 14px;
    margin-bottom: 30px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group {
    margin-bottom: 20px;
    width: 380px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group.radio-group {
    margin-bottom: 14px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group.radio-group>span {
    vertical-align: middle;
    margin-right: 14px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group.radio-group .form-checkbox {
    margin-right: 34px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group.radio-group .form-checkbox .icon {
    margin-right: 6px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group>.control-label {
    margin-bottom: 10px
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .img-box img,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-input,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-input input {
    width: 100%
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-selects>div .form-select {
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px)
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-selects>div .form-select .btn {
    background: 0 0;
    min-width: 100%;
    border: 1px solid #dadada;
    line-height: 40px;
    padding: 0 10px;
    text-align: left
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-selects>div .form-select .tinyscrollbar .viewport {
    max-height: 140px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li.is-active a,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li.is-active a,
.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .form-group .form-selects>div .form-select.is-success .btn span {
    color: #000
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .btn-box {
    padding-top: 10px
}

.subscribe-email-success-dialog .dialog-scroll-container .dialog .dialog-container .subscribe-email-success-container .right .btn-box .btn {
    min-width: 200px
}

.arrival-notice-dialog .dialog-scroll-container .dialog,
.arrival-notice-success-dialog .dialog-scroll-container .dialog {
    width: 800px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 50px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container {
    text-align: center
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container>h4 {
    font-size: 18px;
    margin-bottom: 12px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container>p {
    font-size: 14px;
    margin-bottom: 26px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group {
    font-size: 0;
    margin-bottom: 20px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox,
.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox>.icon,
.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox>span,
.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input {
    display: inline-block;
    vertical-align: middle
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox {
    font-size: 0;
    margin-right: 30px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox>.icon {
    margin-right: 10px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox>span {
    font-size: 14px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input {
    text-align: left
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input .msg-block {
    margin-top: 6px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input .msg-block span {
    font-size: 12px
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox {
    padding: 0 20%;
    text-align: left
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .form-group-panal .form-checkbox {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .form-group-panal .form-checkbox .icon {
    margin-right: 0
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .form-group-panal p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .msg-block {
    display: none;
    padding-left: 25px;
    font-size: 12px;
    margin-top: 5px;
    color: red
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox.is-error .msg-block {
    display: block
}

.arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .btn-box .btn {
    min-width: 200px;
    margin: 0 10px
}

.arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 100px 50px
}

.arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div h4,
.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont h4 {
    font-size: 18px
}

.arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div p {
    margin-top: 20px;
    margin-bottom: 40px
}

.arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    margin: 0
}

.arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
    min-width: 200px
}

.honey-box-dialog .dialog-scroll-container .dialog {
    width: 920px;
    border: 0
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 0
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container {
    font-size: 0
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .img-box {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content {
    display: inline-block;
    padding: 50px 38px 50px 50px;
    width: 50%;
    height: 600px;
    vertical-align: top
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .honey-box-main {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-right: 12px
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content h2 {
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #d51b51;
    border-bottom: 2px solid #dadada
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item {
    padding-top: 50px
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item h3 {
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .5px;
    vertical-align: top
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item h3 span {
    display: inline-block;
    margin-left: 8px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    vertical-align: top
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item h3 span.coupon-available {
    background: #d51b51
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item p {
    margin-bottom: 11px;
    font-size: 14px;
    letter-spacing: .5px
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item p.use-warn {
    margin-bottom: 0;
    color: #ff2400
}

.honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item .use-btn {
    padding-top: 25px
}

@media (max-width:1024px) {

    .arrival-notice-dialog .dialog-scroll-container .dialog,
    .register-dialog .dialog-scroll-container .dialog,
    .sign-up-dialog .dialog-scroll-container .dialog {
        width: 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 35px 30px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left {
        float: none;
        padding-right: 0;
        border-right: none
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>h4,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left>h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>p,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left>p {
        font-size: 12px;
        margin-bottom: 20px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .login-user-desc {
        margin: -13px 0 14px;
        line-height: 15px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group {
        width: 100%;
        margin-bottom: 15px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .control-label,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .or span,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li>span,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .count-down-text span {
        font-size: 12px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .form-group .form-input {
        width: 100%
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group {
        display: inline-block;
        width: 56%
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group .code,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group .code {
        font-size: 12px;
        width: 100px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group .code+span {
        width: -moz-calc(100% - 105px);
        width: calc(100% - 105px);
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group .code+span a {
        display: block
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .btn-box {
        font-size: 0;
        padding-top: 10px;
        margin-bottom: 30px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .btn-box .btn {
        min-width: 100px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .btn-box .btn:nth-child(2) {
        display: inline-block;
        margin-left: 10px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .or {
        width: 100%;
        margin-bottom: 20px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container>h4,
    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container>p,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with {
        text-align: center
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>p {
        margin-bottom: 15px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .right {
        display: none
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group {
        margin-bottom: 15px;
        padding-right: 0
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox>span,
    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .control-label,
    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .count-down-text span {
        font-size: 12px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group .form-input .msg-block {
        margin-top: 8px;
        font-size: 12px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group {
        font-size: 12px;
        margin-bottom: 30px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.radio-group .info {
        position: relative;
        top: 2px;
        padding-right: 0
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group .code+span {
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
        font-size: 12px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group.sms-verification-code-group .form-input .btn-group,
    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group.sms-verification-code-group .form-input .input-box {
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group.sms-verification-code-group .form-input .btn-group {
        margin-left: 20px;
        padding-left: 0
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group.sms-verification-code-group .form-input .btn-group .btn,
    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>.btn-box .btn {
        min-width: 100%
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group:not(.radio-group) .form-checkbox+p {
        font-size: 12px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>.info {
        padding-top: 0
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input input,
    .arrival-notice-success-dialog .dialog-scroll-container .dialog,
    .honey-box-dialog .dialog-scroll-container .dialog,
    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container>.btn-box {
        width: 100%
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 50px 26px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container {
        text-align: left
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container>h4 {
        font-size: 15px;
        margin-bottom: 18px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container>p {
        font-size: 12px;
        margin-bottom: 40px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox {
        padding-right: 20px;
        width: 100px;
        margin-right: 0
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input {
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px)
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox {
        position: relative;
        margin-bottom: 30px;
        padding: 0
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .form-group-panal {
        position: relative;
        padding-left: 25px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group.form-group-checkbox .form-group-panal .form-checkbox {
        position: absolute;
        left: 0
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .btn-box {
        text-align: center
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .btn-box .btn {
        min-width: 125px;
        margin: 0 15px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .btn-box .btn:nth-child(1) {
        margin-left: 0
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .btn-box .btn:nth-child(2) {
        margin-right: 0
    }

    .arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 72px 25px
    }

    .arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div h4 {
        font-size: 15px
    }

    .arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div p {
        font-size: 12px;
        margin-top: 18px;
        margin-bottom: 35px
    }

    .arrival-notice-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
        min-width: 125px
    }

    .honey-box-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
        display: block
    }

    .honey-box-dialog .dialog-scroll-container .dialog .icon-close-white {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .honey-box-dialog .dialog-scroll-container .dialog .icon-close-white:after {
        position: absolute;
        top: -50%;
        left: -50%;
        width: 20px;
        height: 20px;
        content: ''
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .img-box {
        width: 100%
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content {
        padding: 30px;
        width: 100%;
        height: auto
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .honey-box-main {
        position: static;
        height: auto;
        padding-right: 0;
        overflow: visible
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .honey-box-main>.scroller-wrap {
        position: static !important
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content h2 {
        padding-bottom: 0;
        font-size: 18px;
        border-bottom: none
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item {
        padding: 30px 0;
        border-bottom: 1px solid #dadada
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item:last-child {
        padding-bottom: 0;
        border-bottom: none
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item h3 {
        margin-bottom: 10px;
        font-size: 14px
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item p {
        margin-bottom: 8px;
        font-size: 12px
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item p.use-warn {
        padding-top: 2px
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item .use-btn {
        padding-top: 15px
    }

    .honey-box-dialog .dialog-scroll-container .dialog .dialog-container .honey-box-container .honey-box-content .coupon-list .coupon-item .use-btn .btn {
        min-width: 100px;
        height: 30px;
        line-height: 30px
    }
}

@media (max-width:370px) {
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group {
        width: 57%
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group .code {
        width: 65px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .btn-group .code+span {
        width: 58px;
        padding-left: 3px
    }

    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .sign-in-with>ul>li {
        margin-right: 10px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 35px 20px
    }

    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .input-box,
    .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .left .verification-code-group .form-input .input-box input {
        width: 90px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-checkbox {
        padding-right: 10px;
        width: 90px
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .form-group .form-input,
    .register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.verification-code-group .form-input .btn-group {
        width: -moz-calc(100% - 90px);
        width: calc(100% - 90px)
    }

    .arrival-notice-dialog .dialog-scroll-container .dialog .dialog-container .arrival-notice-container .btn-box .btn {
        min-width: 100px;
        margin: 0 10px
    }
}

.header-simple .headerbar-account {
    width: 100%;
    height: 100px;
    background: #131313;
    text-align: center;
    padding-top: 24.5px
}

@media (max-width:1024px) {
    .header-simple .headerbar-account {
        width: 100%;
        height: 55px;
        background: #131313;
        padding-top: 12.5px
    }

    .header-simple .headerbar-account .icon-simple-logo-m {
        display: inline-block !important
    }
}

.login-dialog-hover .form-group {
    margin-bottom: 20px
}

.login-dialog-hover .form-group .form-input input {
    width: 100%;
    padding: 5px 9px
}

.login-dialog-hover .form-group .form-input .msg-block {
    padding-left: 10px
}

.login-dialog .form-group .form-input.is-error input,
.login-dialog .form-group .form-input.is-error textarea,
.login-dialog-hover .form-group .form-input.is-error input,
.login-dialog-hover .form-group .form-input.is-error textarea {
    border-color: #d51b51;
    background: #fff
}

.login-dialog .form-group .form-input.is-error input:focus,
.login-dialog .form-group .form-input.is-error textarea:focus,
.login-dialog-hover .form-group .form-input.is-error input:focus,
.login-dialog-hover .form-group .form-input.is-error textarea:focus {
    border-color: #d51b51
}

.login-dialog-hover .form-group .form-input.is-error .msg-block {
    display: block
}

.login-dialog-hover .form-group .form-input.is-error .msg-block span,
.login-dialog-hover .remeberMe .msg-block span {
    color: #d51b51;
    font-size: 12px;
    -webkit-transform: scale(.91666667, .91666667);
    -moz-transform: scale(.91666667, .91666667);
    -ms-transform: scale(.91666667, .91666667);
    -o-transform: scale(.91666667, .91666667);
    transform: scale(.91666667, .91666667);
    -webkit-transform-origin-x: 0
}

.login-dialog-hover .form-group.verification-code-group .form-input {
    padding-right: 148px
}

.login-dialog-hover .form-group.verification-code-group .form-input .btn-group {
    position: absolute;
    right: 0;
    top: 0;
    width: 148px;
    height: 40px
}

.login-dialog-hover .form-group.verification-code-group .form-input .btn-group .code {
    width: 78px;
    height: 40px;
    margin: 0 7px;
    float: left
}

.login-dialog-hover .form-group.verification-code-group .form-input .btn-group .code img {
    width: 100%;
    height: 40px
}

.login-dialog-hover .form-group.verification-code-group .form-input .btn-group span {
    display: block;
    float: left
}

.login-dialog .form-group.verification-code-group .form-input .btn-group span.text,
.login-dialog-hover .form-group.verification-code-group .form-input .btn-group span.text {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    display: block
}

.login-dialog .form-group.verification-code-group .form-input .btn-group span a,
.login-dialog-hover .form-group.verification-code-group .form-input .btn-group span a {
    font-size: 14px;
    line-height: 20px;
    display: block;
    color: #000;
    text-decoration: underline
}

.login-dialog-hover .form-group.verification-code-group .form-input .msg-block span {
    white-space: nowrap
}

.login-dialog-hover .form-group.message-verification-group .form-input>div {
    position: relative;
    padding-right: 98px
}

.login-dialog-hover .form-group.message-verification-group .form-input>div .verification-box {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 90px;
    min-width: 90px;
    height: 40px;
    margin-left: 8px
}

.login-dialog-hover .remeberMe {
    position: relative;
    padding-left: 19px
}

.login-dialog .remeberMe i,
.login-dialog-hover .remeberMe i {
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    margin-top: 2px
}

.login-dialog-hover .remeberMe>span {
    font-size: 14px;
    line-height: 19px;
    display: block;
    color: #8c8c8c
}

.login-dialog-hover .remeberMe>span a {
    display: inline-block;
    text-decoration: underline;
    color: #8c8c8c
}

.login-dialog-hover .remeberMe .msg-block,
.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li.is-active a:after,
.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .tab-items {
    display: none
}

.login-dialog-hover .remeberMe.is-error .msg-block,
.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with ul li a {
    display: block
}

.login-dialog-hover.lancome-dialog {
    overflow: hidden
}

.login-dialog-hover.lancome-dialog.overflow-scroll {
    overflow-y: auto
}

.login-dialog-hover.lancome-dialog .dialog {
    border: 0;
    width: 886px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container {
    padding: 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .promotion {
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #d51b51;
    letter-spacing: 1px;
    margin-bottom: 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container {
    padding: 56px 70px 46px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box {
    width: 50%;
    float: left;
    margin-bottom: 16px;
    font-size: 0;
    padding-right: 75px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li {
    display: inline-block;
    width: 50%;
    text-align: center
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li a {
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    position: relative;
    color: rgba(0, 0, 0, .8)
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li a:after {
    content: '';
    background: rgba(0, 0, 0, .8);
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont {
    width: 50%;
    float: left;
    padding-right: 75px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .tab-items .forget-password-group a {
    font-size: 14px;
    display: inline-block;
    line-height: 20px;
    color: #000;
    position: relative;
    text-decoration: none !important
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .tab-items .forget-password-group a:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box {
    margin: 17px 0 19px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box .loginProject {
    min-width: 266px;
    font-size: 18px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with.ma-bottom {
    margin-bottom: 20px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with span,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with span {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with ul,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul {
    display: inline-block;
    font-size: 0;
    position: relative;
    top: -4px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .sign-in-with ul li,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul li {
    display: inline-block;
    margin-right: 4px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont {
    float: right;
    width: 50%;
    padding-left: 75px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont p {
    font-size: 14px;
    line-height: 20px;
    margin: 17px 0 30px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont .btn-black-border {
    min-width: 266px;
    font-size: 17px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container {
    display: none;
    padding: 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items {
    display: none;
    font-size: 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group {
    width: 50%;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .control-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 76px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .form-input {
    padding-left: 87px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-right {
    padding-right: 30px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-left {
    padding-left: 30px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-left .control-label,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-left .control-label {
    left: 30px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.message-verification-group .form-input>div,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.message-verification-group .form-input>div {
    padding-right: 87px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.message-verification-group .form-input>div .verification-box {
    width: 78px;
    min-width: 78px;
    height: 40px;
    margin-left: 9px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.remeberMe {
    padding-left: 19px;
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding-right: 10px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .btn-box {
    margin: 20px 0
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .btn-box .registerProject {
    min-width: 266px
}

.login-dialog-hover.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .register-change {
    width: 100%
}

.login-dialog-hover.lancome-dialog .dialog .dialog-close {
    position: absolute;
    top: 6px;
    right: -30px;
    font-size: 0;
    cursor: pointer
}

.login-dialog-hover.registered-user-authentication-dialog .dialog {
    width: 464px;
    max-width: 464px;
    margin: 0 auto
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-close {
    top: 0;
    right: -23px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container {
    padding: 50px 73px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont {
    width: 100%;
    padding: 0;
    float: none
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont>h3,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont>h3 {
    font-size: 18px;
    line-height: 20px;
    color: #000
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont>p,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont>p {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 6px 0 28px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .tab-items {
    display: block
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code,
.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code img,
.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input input,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input input {
    height: 38px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input .btn-mob {
    display: none
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box {
    margin: 0
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box a,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box a {
    width: 100%;
    line-height: 38px;
    height: 38px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .message-verification-info {
    display: none;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 20px 10px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group {
    height: 68px;
    margin: 0
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group span a {
    line-height: 18px
}

.login-dialog-hover.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.message-verification-group .form-input>div .verification-box,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.message-verification-group .form-input>div .verification-box {
    height: 38px;
    line-height: 38px
}

.register-success-dialog.lancome-dialog .dialog {
    width: 531px
}

.register-success-dialog.lancome-dialog .dialog .dialog-container {
    padding: 76px 53px 76px 64px
}

.register-success-dialog.lancome-dialog .dialog .dialog-container h4 {
    font-size: 36px;
    line-height: 42px
}

.register-success-dialog.lancome-dialog .dialog .dialog-container p {
    font-size: 14px;
    margin: 14px 0 0
}

.register-success-dialog.lancome-dialog .dialog .dialog-container .btn-cat {
    margin-top: 32px
}

.register-success-dialog.lancome-dialog .dialog .dialog-container .btn-cat a {
    min-width: 156px
}

.register-success-dialog.lancome-dialog .dialog .dialog-container .btn-cat a:nth-child(1) {
    margin-right: 45px
}

.login-dialog .form-group {
    margin-bottom: 20px;
    position: relative
}

.login-dialog .form-group .control-label {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 38px
}

.login-dialog .form-group .form-input {
    padding-left: 93px
}

.login-dialog .form-group .form-input input {
    width: 100%;
    height: 38px;
    padding: 5px 9px
}

.login-dialog .form-group .form-input .msg-block {
    padding-left: 10px
}

.login-dialog .form-group .form-input.is-error .msg-block {
    display: block;
    padding-right: 0
}

.login-dialog .form-group .form-input.is-error .msg-block>span,
.login-dialog .remeberMe .msg-block span {
    color: #d51b51;
    font-size: 12px;
    -webkit-transform: scale(.91666667, .91666667);
    -moz-transform: scale(.91666667, .91666667);
    -ms-transform: scale(.91666667, .91666667);
    -o-transform: scale(.91666667, .91666667);
    transform: scale(.91666667, .91666667);
    -webkit-transform-origin-x: 0
}

.login-dialog .form-group.verification-code-group .form-input {
    padding-right: 148px
}

.login-dialog .form-group.verification-code-group .form-input .btn-group {
    position: absolute;
    right: 0;
    top: 0;
    width: 148px;
    height: 38px
}

.login-dialog .form-group.verification-code-group .form-input .btn-group .code {
    width: 78px;
    height: 38px;
    margin: 0 7px;
    float: left
}

.login-dialog .form-group.verification-code-group .form-input .btn-group .code img {
    width: 100%;
    height: 38px
}

.login-dialog .form-group.verification-code-group .form-input .btn-group span {
    display: block;
    float: left
}

.login-dialog .form-group.verification-code-group .form-input .msg-block span {
    white-space: nowrap
}

.login-dialog .form-group.message-verification-group .form-input>div {
    position: relative;
    padding-right: 87px
}

.login-dialog .form-group.message-verification-group .form-input>div .verification-box {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 78px;
    min-width: 78px;
    height: 38px;
    line-height: 38px;
    margin-left: 10px
}

.login-dialog .remeberMe {
    position: relative;
    padding-left: 19px
}

.login-dialog .remeberMe>span {
    font-size: 14px;
    line-height: 17px;
    display: block;
    -webkit-columns: #000;
    -moz-columns: #000;
    columns: #000
}

.login-dialog .remeberMe>span a {
    display: inline-block;
    text-decoration: underline;
    color: #000
}

.login-dialog .remeberMe .msg-block,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .tab-items {
    display: none
}

.login-dialog .remeberMe.is-error .msg-block,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul li a {
    display: block
}

.login-dialog.lancome-dialog {
    overflow: hidden
}

.login-dialog.lancome-dialog.overflow-scroll {
    overflow-y: auto
}

.login-dialog.lancome-dialog .dialog {
    border: 0;
    width: 887px
}

.login-dialog.lancome-dialog .dialog .dialog-container {
    padding: 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .promotion {
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #d51b51;
    letter-spacing: 1px;
    margin-bottom: 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container {
    padding: 40px 65px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container {
    min-height: 364px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box {
    width: 100%;
    margin-bottom: 40px;
    font-size: 0;
    text-align: center
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li {
    display: inline-block
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li a {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #999;
    padding: 0 64px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li a:after {
    content: '';
    background: #999;
    width: 1px;
    height: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li:nth-child(2) a:after {
    display: none
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont {
    width: 100%
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left {
    width: 46.5%;
    float: left
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .tab-items .forget-password-group a {
    font-size: 14px;
    display: inline-block;
    line-height: 20px;
    color: #000;
    position: relative
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .tab-items .forget-password-group a:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .btn-box {
    margin: 20px 0 18px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .btn-box .loginProject {
    min-width: 100%;
    font-size: 17px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .login-change {
    position: relative;
    margin: 20px 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .login-change a.forget-password {
    position: absolute;
    right: 0;
    top: 0;
    color: #d51b51;
    border-bottom: 1px solid #d51b51
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with.ma-bottom {
    margin-bottom: 20px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-right {
    width: 53.5%;
    float: left;
    padding-left: 84px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-right h5 {
    font-size: 17px;
    line-height: 39px;
    margin-bottom: 9px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-right p {
    font-size: 14px;
    margin-bottom: 8px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-right>ul>li {
    font-size: 14px;
    line-height: 30px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container {
    width: 100%;
    display: none;
    padding: 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items {
    display: none;
    font-size: 0
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group {
    width: 50%;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .control-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 76px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .form-input {
    padding-left: 87px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-right {
    padding-right: 30px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-left {
    padding-left: 30px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.message-verification-group .form-input>div .verification-box {
    width: 78px;
    min-width: 78px;
    height: 38px;
    margin-left: 9px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.remeberMe {
    padding-left: 19px;
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding-right: 10px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .btn-box {
    margin: 13px 0 14px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .btn-box .registerProject {
    min-width: 348px;
    font-size: 17px
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .register-change,
body,
html {
    width: 100%
}

.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .register-change a,
.login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .login-change a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    border-bottom: 1px solid #000
}

.login-dialog.lancome-dialog .dialog .dialog-close {
    position: absolute;
    top: 6px;
    right: -30px;
    font-size: 0;
    cursor: pointer
}

.login-dialog.registered-user-authentication-dialog .dialog {
    width: 464px;
    max-width: 464px;
    margin: 0 auto
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-close {
    top: 0;
    right: -23px
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container {
    padding: 0
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container {
    padding: 50px 73px
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont {
    width: 100%;
    padding: 0;
    float: none
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin.is-hover .icon:before,
.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation.is-hover>a:before,
.footer-guide>ul>li.guide-item li,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .tab-items {
    display: block
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input {
    padding-left: 0
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.online-consultation>a .icon,
.footer-guide h3 i,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input .btn-mob {
    display: none
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box {
    margin: 0
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .message-verification-info {
    display: none;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 20px 10px
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group {
    height: 68px;
    margin: 0
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code,
.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code img {
    height: 38px
}

.login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group span a {
    line-height: 18px
}

@media (max-width:1024px) {

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left,
    .register-success-dialog.lancome-dialog .dialog {
        width: 100%
    }

    .register-success-dialog.lancome-dialog .dialog .dialog-container {
        text-align: center;
        padding: 20px 20px 35px
    }

    .register-success-dialog.lancome-dialog .dialog .dialog-container h4 {
        font-size: 24px;
        line-height: 28px
    }

    .register-success-dialog.lancome-dialog .dialog .dialog-container p {
        font-size: 12px;
        line-height: 18px;
        margin: 10px 0 0;
        letter-spacing: 1.5px;
        padding: 0 10px
    }

    .register-success-dialog.lancome-dialog .dialog .dialog-container .btn-cat {
        margin-top: 13.5px
    }

    .register-success-dialog.lancome-dialog .dialog .dialog-container .btn-cat a {
        min-width: 130px
    }

    .register-success-dialog.lancome-dialog .dialog .dialog-container .btn-cat a:nth-child(1) {
        margin-right: 15px
    }

    .login-dialog .form-group {
        margin-bottom: 25px
    }

    .login-dialog .form-group .form-input {
        padding-left: 0
    }

    .login-dialog .form-group .form-input input,
    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .form-input input {
        width: 100%;
        height: 45px
    }

    .login-dialog .form-group .form-input .msg-block,
    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .form-input .msg-block {
        padding-left: 11px;
        font-size: 20px
    }

    .login-dialog .form-group.verification-code-group .form-input {
        padding-right: 176px
    }

    .login-dialog .form-group.verification-code-group .form-input .btn-group {
        width: 176px;
        height: 45px
    }

    .login-dialog .form-group.verification-code-group .form-input .btn-group .code {
        width: 108px;
        height: 45px;
        line-height: 45px;
        margin: 0 9px;
        float: left
    }

    .login-dialog .form-group.verification-code-group .form-input .btn-group .code img,
    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input input {
        height: 45px
    }

    .login-dialog .form-group.verification-code-group .form-input .btn-group span {
        width: 50px;
        display: block;
        float: left
    }

    .login-dialog .form-group.verification-code-group .form-input .btn-group span.text {
        font-size: 12px;
        line-height: 22.5px;
        display: block
    }

    .login-dialog .form-group.verification-code-group .form-input .btn-group span a {
        font-size: 12px;
        line-height: 22.5px
    }

    .login-dialog .form-group.message-verification-group .form-input>div,
    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.message-verification-group .form-input>div {
        padding-right: 80px
    }

    .login-dialog .form-group.message-verification-group .form-input>div .verification-box {
        width: 70px;
        min-width: 70px;
        height: 45px;
        line-height: 45px;
        margin-left: 10px;
        padding: 0
    }

    .login-dialog .remeberMe {
        padding-left: 16px;
        display: inline-block
    }

    .login-dialog .remeberMe>span {
        font-size: 14px;
        line-height: 20px;
        color: #000
    }

    .login-dialog .remeberMe i {
        margin-top: 4px
    }

    .login-dialog .remeberMe i:after {
        content: '';
        width: 24px;
        height: 24px;
        position: absolute;
        left: -6.5px;
        top: -6.5px
    }

    .login-dialog.lancome-dialog .dialog {
        width: 100%;
        padding: 26px 0 0;
        background: 0 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container {
        padding: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .promotion {
        line-height: 40px;
        font-size: 14px;
        letter-spacing: 0;
        padding: 0 5px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container {
        padding: 36px 20px 45px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container {
        min-height: initial
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box {
        width: 100%;
        margin-bottom: 25px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li {
        display: inline-block !important;
        width: 50%
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li a {
        font-size: 19px;
        line-height: 26px;
        color: #a6a6a6;
        padding: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li a:after {
        background: #a6a6a6
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-box li:nth-child(2) {
        text-align: center
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont {
        width: 100%;
        padding-right: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .login-change a {
        font-size: 14px;
        line-height: 18px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .btn-box {
        margin: 22px 0 23px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .btn-box .loginProject {
        min-width: 100%;
        font-size: 14px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with span {
        display: block;
        line-height: 14px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul {
        display: block;
        top: 0;
        margin-top: 23px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul li {
        display: inline-block;
        margin-right: 24px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .login-left .sign-in-with ul li:last-child {
        margin-right: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont {
        float: right;
        width: 50%;
        padding-left: 75px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont h4 {
        font-size: 18px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont p {
        font-size: 14px;
        line-height: 20px;
        margin: 17px 0 30px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-cont .btn-black-border {
        min-width: 266px;
        font-size: 17px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group {
        width: 100%
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .control-label {
        display: none
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group .form-input {
        padding-left: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-right {
        padding-right: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-left {
        padding-left: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.padd-left .control-label {
        left: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group:nth-child(even) {
        padding-left: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group:nth-child(even) .control-label {
        display: none
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group:nth-child(odd) {
        padding-right: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.verification-code-group .form-input {
        padding-right: 176px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.verification-code-group .form-input .btn-group {
        width: 176px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.verification-code-group .form-input .btn-group .code {
        width: 108px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.message-verification-group .form-input>div .verification-box {
        width: 70px;
        min-width: 70px;
        height: 45px;
        margin-left: 10px;
        padding: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.remeberMe {
        padding-left: 19px;
        width: 100%;
        margin-bottom: 0;
        cursor: default;
        padding-right: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.remeberMe span {
        font-size: 14px;
        line-height: 20px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.remeberMe .msg-block span,
    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items>p {
        font-size: 12px;
        -webkit-transform: scale(.91666667, .91666667);
        -moz-transform: scale(.91666667, .91666667);
        -ms-transform: scale(.91666667, .91666667);
        -o-transform: scale(.91666667, .91666667);
        transform: scale(.91666667, .91666667);
        -webkit-transform-origin-x: 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .form-group.remeberMe i {
        margin-top: 4px;
        cursor: pointer
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .btn-box {
        margin: 22px 0 24px;
        width: 100%
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .btn-box .registerProject {
        min-width: 100%;
        font-size: 14px
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .register-change {
        width: 100%
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items .register-change a {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #000;
        border-bottom: 1px solid #000
    }

    .login-dialog.lancome-dialog .dialog .dialog-container .login-register-container .tab-container .register-container .register-tab-continer .register-items>p {
        line-height: 16px;
        margin: 18px -16px 0 0
    }

    .login-dialog.lancome-dialog .dialog .dialog-close {
        position: absolute;
        top: 6px;
        right: 0;
        font-size: 0
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container {
        padding: 40px 23px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont>h3 {
        font-size: 16px;
        line-height: 18px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont>p {
        font-size: 12px;
        line-height: 14px;
        color: #a6a6a6;
        margin: 4px 0 20px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .form-input .btn-mob {
        display: inline-block;
        width: 112px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box {
        margin: 0
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .btn-box a {
        width: 100%;
        line-height: 45px;
        height: 45px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .tab-cont .message-verification-info {
        display: none;
        font-size: 14px;
        line-height: 16px;
        color: #000;
        margin: 0 0 22px 10px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group {
        height: 68px;
        margin: 0
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code,
    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group .code img {
        height: 45px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.verification-code-group .form-input .btn-group span a {
        line-height: 18px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.message-verification-group .form-input>div {
        padding-right: 122px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group.message-verification-group .form-input>div .verification-box {
        height: 45px;
        line-height: 45px
    }

    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group .form-input.is-error .msg-block,
    .login-dialog.registered-user-authentication-dialog .dialog .dialog-container .login-register-container .tab-container .form-group .remeberMe.is-error .msg-block {
        font-size: 12px;
        padding: 1px 0 0 10px
    }
}

.ltie9-dialog {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99
}

.ltie9-dialog .dialog-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=30)
}

.ltie9-dialog .dialog-wrapper {
    position: absolute;
    z-index: 2;
    width: 350px;
    left: 50%;
    top: 30%;
    margin-left: -175px;
    padding: 30px;
    background-color: #fff
}

.ltie9-dialog .dialog-wrapper .title {
    font-size: 18px;
    text-align: center
}

.ltie9-dialog .dialog-wrapper .content {
    text-align: center;
    font-size: 22px;
    padding: 30px 0;
    line-height: 1.4
}

.ltie9-dialog .dialog-wrapper .bottom {
    text-align: center
}

.ltie9-dialog .dialog-wrapper .bottom a {
    display: inline-block;
    width: 150px;
    background-color: #000;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer
}

body,
html {
    font-family: "Helvetica", "PingFangSC-Regular", "Arial", "Times New Roman", "微软雅黑", "Microsoft YaHei", sans-serif;
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    min-width: 320px;
    min-height: 100%
}

ol,
ul {
    list-style: none
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    font-size: 0 !important
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    font-size: 0 !important
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    font-size: 0 !important
}

input:focus::placeholder,
textarea:focus::placeholder {
    font-size: 0 !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.iScrollLoneScrollbar {
    z-index: 2 !important
}

.footer-companion,
.footer-guide {
    position: relative;
    color: #fff;
    background: #000
}

.footer-companion {
    text-align: center;
    border-bottom: 1px solid #333
}

.footer-companion h1 {
    font-size: 22px;
    line-height: 24px;
    padding: 44px 0 0
}

.footer-companion ul,
.footer-guide>ul {
    font-size: 0;
    margin: 52px auto;
    max-width: 1330px
}

.footer-companion ul li h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 13px 0 10px
}

.footer-companion ul li p {
    font-size: 14px;
    line-height: 18px;
    color: #999;
    margin: 0
}

.footer-guide {
    padding: 54px 0 52PX
}

.footer-guide h3 {
    font-size: 14px;
    line-height: 16px;
    padding: 0
}

.footer-guide>ul {
    padding: 0 15px 0 150px;
    margin: 0 auto
}

.footer-guide>ul>li {
    width: 20%;
    display: inline-block;
    vertical-align: top
}

.footer-guide>ul>li a,
.footer-guide>ul>li p {
    color: #999;
    font-size: 14px;
    line-height: 26px;
    display: inline-block
}

.footer-guide>ul>li p {
    margin: 0
}

.footer-guide>ul>li h3>a {
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.footer-guide>ul>li.guide-item .guide-item-content {
    margin: 7px 0 54px
}

.footer-guide>ul>li .item-share {
    margin: 7px 0 0
}

.footer-guide>ul>li .item-share i {
    vertical-align: middle;
    margin: -2px 3px 0 0
}

.footer-guide>ul>li .item-share ul li .weixin-popup {
    display: none;
    position: absolute;
    top: -3px;
    left: 88px
}

.footer-guide>ul>li .item-share ul li .weixin-popup img {
    max-width: 100px
}

.footer-guide>ul>li .item-share ul li .weixin-popup:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 7px;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 8px;
    left: -12px
}

.footer-guide>ul>li .item-share ul li:nth-child(1) {
    display: inline-block
}

.footer-guide>ul>li .item-share ul li:nth-child(1):hover a:hover {
    text-decoration: none
}

.footer-guide>ul>li .item-share ul li:nth-child(1):hover .weixin-popup {
    display: block;
    -webkit-transition: block .2s ease-in-out;
    -o-transition: block .2s ease-in-out;
    -moz-transition: block .2s ease-in-out;
    transition: block .2s ease-in-out
}

.footer-select {
    position: relative;
    color: #fff;
    padding: 0 245px 0 150px;
    max-width: 1330px;
    margin: 0 auto
}

.footer-select .footer-select-item {
    float: right;
    width: 100%
}

.footer-select .footer-select-item p {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 13px
}

.footer-select .footer-select-item p i {
    vertical-align: middle;
    margin: -4px 6px 0 0
}

.footer-select .footer-select-item .form-input {
    position: relative;
    width: 234px
}

.footer-select .footer-select-item .form-input input {
    background: 0 0;
    border: 1px solid #b3b3b3;
    font-size: 14px;
    color: #999;
    width: 100%;
    height: 30px;
    padding: 3px 57px 4px 12px
}

.footer-select .footer-select-item .form-input .msg-block {
    text-align: left;
    margin-left: 8px
}

.footer-select .footer-select-item .form-input .msg-block span {
    color: #d51b51;
    font-size: 12px
}

.footer-select .footer-select-item .form-input button {
    position: absolute;
    right: 0;
    top: 5px;
    background: 0 0;
    width: 54px;
    height: 20px;
    color: #fff;
    font-size: 14px;
    border: 0;
    border-left: 1px solid #b3b3b3;
    cursor: pointer
}

.footer-select .footer-select-item .state-dropdown {
    width: 154px
}

.footer-select .footer-select-item .state-dropdown .btn {
    height: 30px;
    line-height: 30px;
    background: 0 0;
    border: 1px solid #b3b3b3;
    padding: 0 28px 0 12px;
    color: #999
}

.footer-select .footer-select-item .state-dropdown .btn i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: -3px 8px 0 0;
    vertical-align: middle
}

.footer-select .footer-select-item .state-dropdown.is-open .btn i {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.footer-select .footer-select-item .state-dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a {
    padding: 8px 10px 8px 12px
}

.back-top {
    font-size: 0;
    width: 50px;
    height: 110px;
    text-align: center;
    background: 0 0;
    position: fixed;
    right: 0;
    bottom: 100px;
    z-index: 8;
    cursor: pointer
}

.footer {
    padding: 0
}

.footer .footer-container {
    text-align: center;
    padding: 30px
}

.footer .footer-container .statement {
    font-size: 0;
    margin-bottom: 30px
}

.footer .footer-container .statement>li {
    margin: 0 10px
}

.footer .footer-container .statement>li,
.footer .footer-container .statement>li .icon,
.footer .footer-container .statement>li a,
.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us,
.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin,
.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us>a,
.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us>span,
.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul {
    display: inline-block;
    vertical-align: middle
}

.footer .footer-container .statement>li .icon {
    margin-right: 7px
}

.footer .footer-container .statement>li a,
.footer .footer-container .statement>li span {
    font-size: 12px;
    color: #000
}

.footer .footer-container .statement>li a {
    margin-right: 3px
}

.footer .footer-container .statement>li a:last-child {
    margin-right: 0
}

.footer .footer-container .con-content>ul>li>a:hover,
.footer .footer-container .statement>li a:hover {
    text-decoration: underline
}

.footer .footer-container .con-content>ul,
.footer-simple .footer-container .con-content>ul {
    font-size: 0;
    margin-bottom: 12px
}

.footer .footer-container .con-content>ul>li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    position: relative
}

.footer .footer-container .con-content>ul>li>a {
    font-size: 12px;
    color: #999
}

.footer .footer-container .con-content>ul>li:after,
.footer .footer-container .con-content>ul>li:before {
    content: '';
    width: .5px;
    height: 12px;
    background: #ccc;
    border: 0;
    position: absolute;
    top: 1px
}

.footer .footer-container .con-content>ul>li:before {
    left: 0
}

.footer .footer-container .con-content>ul>li:after {
    right: 0
}

.footer .footer-container .con-content>ul>li:first-child {
    padding-left: 0
}

.footer .footer-container .con-content>ul>li:first-child:before {
    display: none
}

.footer .footer-container .con-content>ul>li:last-child {
    padding-right: 0
}

.footer .footer-container .con-content>ul>li:last-child:after {
    display: none
}

.footer .footer-container .con-content>p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0
}

.footer .footer-container .con-content>p a {
    color: #999;
    text-decoration: underline
}

.footer .footer-sticky-nav {
    width: 100%;
    height: 37px;
    line-height: 37px;
    background: #d51b51;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 8
}

.footer .footer-sticky-nav .footer-sticky-nav-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .left {
    float: left;
    font-size: 0;
    width: 42%
}

.footer .footer-sticky-nav .footer-sticky-nav-container .left span {
    font-size: 14px;
    color: #fff
}

.footer .footer-sticky-nav .footer-sticky-nav-container .left>a {
    color: #fff;
    text-decoration: underline;
    position: absolute;
    margin-left: -10px;
    right: 50%
}

.footer .footer-sticky-nav .footer-sticky-nav-container .left>a .icon {
    display: none;
    position: relative;
    top: 1px;
    margin-left: 3px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right {
    float: right;
    font-size: 0
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us {
    line-height: normal;
    margin-right: 17px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us>span {
    font-size: 14px;
    color: #fff;
    margin-right: 8px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin {
    margin-right: 12px;
    position: relative
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .icon {
    position: relative;
    cursor: pointer
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .icon:before,
.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation>a:before {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #fff transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    top: -21px;
    display: none
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu {
    padding: 18px;
    width: 319px;
    height: 109px;
    border-bottom: 1px solid #e5ddf2;
    border-radius: 0;
    left: -220px;
    top: -129px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu:before,
.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin-bottom: -21px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu>img {
    width: 81px;
    position: absolute
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu .text {
    font-size: 14px;
    width: 100%;
    padding-left: 95px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu .text .title {
    margin-bottom: 12px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu .text>ul>li {
    color: #999;
    margin-bottom: 5px;
    padding-left: 12px;
    position: relative
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin .sub-menu .text>ul>li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us .follow-us-weixin.is-hover .icon,
.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation.is-hover>a {
    z-index: 11
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul {
    font-size: 0
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li>a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    position: relative;
    top: 2px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu {
    padding: 20px;
    width: 294px;
    height: 100px;
    border-bottom: 1px solid #e5ddf2;
    border-radius: 0;
    left: -220px;
    top: -100px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu .icon {
    position: absolute
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu .text {
    font-size: 14px;
    width: 100%;
    padding-left: 82px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu .text p {
    line-height: normal;
    font-size: 14px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu .text p:nth-child(1) {
    margin-bottom: 4px
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu .text p:nth-child(2) {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    color: #999
}

.footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.tel-consultation .sub-menu .text p:nth-child(3) {
    color: #999
}

.wechat-dialog .dialog-scroll-container .dialog {
    max-width: 220px
}

.wechat-dialog .dialog-scroll-container .dialog .dialog-main img {
    width: 100%;
    height: auto
}

.wechat-dialog .dialog-scroll-container .dialog .dialog-main p {
    text-align: center;
    font-size: 13px;
    line-height: 14px;
    margin: 12px 0 0
}

.wechat-dialog .dialog-scroll-container .dialog-container {
    padding: 12px;
    border-radius: 0
}

@media (max-width:1330px) {
    .footer-select {
        margin: 0;
        padding: 0 5px 0 150px;
        max-width: 83%
    }
}

@media (max-width:1024px) {
    .footer-companion {
        color: #000;
        background: #fff;
        border-bottom: 1px solid #fff
    }

    .footer-companion h1 {
        font-size: 25px;
        line-height: 26px;
        padding: 36px 0 0
    }

    .footer-companion ul {
        margin: 30px auto 14px;
        max-width: 450px;
        padding: 0
    }

    .footer-companion ul li {
        padding: 0 0 0 58px;
        height: 43px;
        margin-bottom: 20px
    }

    .footer-companion ul li .info-img {
        position: absolute;
        left: 8px;
        top: 0
    }

    .footer-companion ul li .info-img img {
        width: 43px
    }

    .footer-companion ul li:nth-of-type(odd) {
        padding: 0 0 0 75px
    }

    .footer-companion ul li:nth-of-type(odd) .info-img {
        left: 25px
    }

    .footer-companion ul li .info-style {
        display: table;
        text-align: left;
        height: 100%;
        padding: 0
    }

    .footer-companion ul li .info-style>div {
        display: table-cell;
        vertical-align: middle
    }

    .footer-companion ul li h3 {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        margin: 0
    }

    .footer-companion ul li p {
        color: #4b4b4b;
        letter-spacing: 0;
        font-size: 12px;
        line-height: 14px;
        width: 100%
    }

    .footer-guide {
        color: #fff;
        background: #000;
        padding: 0
    }

    .footer-guide h3 {
        display: block;
        margin: 2px 0
    }

    .footer-guide h3 i {
        vertical-align: middle;
        margin: 0 0 0 6px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .footer-guide>ul {
        padding: 19px 0 0
    }

    .footer-guide>ul>li {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .footer-guide>ul>li a {
        color: #999;
        font-size: 12px;
        line-height: 22px;
        display: block
    }

    .footer .footer-container .con-content>ul>li>a:hover,
    .footer .footer-container .statement>li a:hover,
    .footer-guide>ul>li a:hover {
        text-decoration: none
    }

    .footer-guide h3,
    .footer-guide>ul>li h3>a {
        font-size: 13px;
        line-height: 30px
    }

    .footer-guide>ul>li.guide-item h3 {
        padding: 0 0 0 14px
    }

    .footer-guide>ul>li.guide-item.is-active h3 i {
        margin: -2px 0 0 6px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .footer-guide>ul>li.guide-item li {
        display: block;
        padding: 5px 0
    }

    .footer-guide>ul>li.guide-item li a {
        color: #a3a3a3
    }

    .footer-guide>ul>li.guide-item .guide-item-content {
        margin: 0;
        display: none
    }

    .footer-guide>ul>li .item-share,
    .footer-guide>ul>li .item-share i {
        margin: 0
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .right .follow-us,
    .footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li,
    .footer-guide>ul>li .item-share span {
        display: none
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li>a,
    .footer-guide>ul>li .item-share ul {
        font-size: 0
    }

    .footer-guide h3 i,
    .footer-guide>ul>li .item-share ul li {
        display: inline-block
    }

    .footer-guide>ul>li .item-share ul li a {
        line-height: 16px;
        padding: 0 6px 5px;
        margin: 0 1px 0 2px
    }

    .footer-guide>ul>li .item-share ul li:nth-child(1):hover .weixin-popup {
        display: none
    }

    .footer-select {
        padding: 25px 0 29px;
        max-width: 100%
    }

    .footer-select .footer-select-item {
        float: none;
        width: 100%;
        text-align: center
    }

    .footer-select .footer-select-item p {
        font-size: 13px;
        line-height: 14px;
        margin: 0 0 5px
    }

    .footer-select .footer-select-item .form-input {
        width: 187px;
        margin: 0 auto
    }

    .footer-select .footer-select-item .form-input input {
        font-size: 12px;
        height: 26px;
        padding: 3px 52px 4px 8px
    }

    .footer-select .footer-select-item .form-input input::-webkit-input-placeholder {
        font-size: 12px;
        color: #999
    }

    .footer-select .footer-select-item .form-input input::-moz-placeholder {
        font-size: 12px;
        color: #999
    }

    .footer-select .footer-select-item .form-input input::-ms-input-placeholder {
        font-size: 12px;
        color: #999
    }

    .footer-select .footer-select-item .form-input input::placeholder {
        font-size: 12px;
        color: #999
    }

    .footer-select .footer-select-item .form-input button {
        width: 50px;
        height: 16px;
        font-size: 12px;
        line-height: 16px
    }

    .footer-select .footer-select-item .state-dropdown {
        width: 134px;
        margin: 0 auto 24px
    }

    .footer-select .footer-select-item .state-dropdown .btn {
        height: 26px;
        line-height: 22px;
        padding: 0 28px 0 8px;
        font-size: 12px
    }

    .footer-select .footer-select-item .state-dropdown .btn i {
        margin: 0 8px 0 0
    }

    .footer-select .footer-select-item .state-dropdown .tinyscrollbar.sub-menu .viewport .overview>ul>li a {
        padding: 8px 10px 8px 8px
    }

    .back-top {
        width: 40px;
        height: 88px;
        line-height: 0
    }

    .back-top img {
        width: 100%
    }

    .footer .follow-us-weixin-m {
        position: relative;
        max-width: 230px;
        margin: 15px auto 0
    }

    .footer .follow-us-weixin-m>img {
        width: 70px;
        position: absolute;
        top: -5px;
        left: 0
    }

    .footer .follow-us-weixin-m .text {
        padding-left: 80px
    }

    .footer .follow-us-weixin-m .text .title {
        font-size: 12px
    }

    .footer .follow-us-weixin-m .text>ul>li {
        font-size: 12px;
        margin-bottom: 5px;
        padding-left: 6px;
        position: relative
    }

    .footer .follow-us-weixin-m .text>ul>li:before {
        content: '';
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #000;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }

    .footer .footer-container {
        padding: 20px 30px 0
    }

    .footer .footer-container .statement>li {
        display: block;
        margin: 0 0 5px
    }

    .footer .footer-container .statement>li span {
        color: #999
    }

    .footer .footer-container .con-content>ul>li>a {
        color: #000
    }

    .footer .footer-sticky-nav {
        height: 38px;
        line-height: 38px
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .left {
        width: 72%
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .left>span {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 225px
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .left>a {
        position: absolute;
        margin-left: -10px;
        right: 44px
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .left>a span,
    .footer .footer-sticky-nav .footer-sticky-nav-container .left>span {
        display: inline-block;
        font-size: 12px;
        -webkit-transform: scale(.91666667, .91666667);
        -moz-transform: scale(.91666667, .91666667);
        -ms-transform: scale(.91666667, .91666667);
        -o-transform: scale(.91666667, .91666667);
        transform: scale(.91666667, .91666667);
        -webkit-transform-origin-x: 0
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .left>a .icon {
        margin-left: 0
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.online-consultation {
        display: block;
        position: absolute;
        top: 5px;
        right: 20px;
        margin: 0;
        line-height: normal
    }

    .footer .footer-sticky-nav .footer-sticky-nav-container .right>ul>li.online-consultation>a .icon {
        display: inline-block;
        position: relative;
        top: 0
    }
}

@media (max-width:767px) {
    .footer-companion ul {
        max-width: 375px
    }

    .footer-companion ul li .info-style {
        padding: 3px 0 0
    }

    .footer-companion ul li h3 {
        font-size: 13px;
        line-height: 14px;
        margin: 0 0 -1px
    }

    .footer-companion ul li p {
        font-size: 12px;
        -webkit-transform: scale(.75, .75);
        -moz-transform: scale(.75, .75);
        -ms-transform: scale(.75, .75);
        -o-transform: scale(.75, .75);
        transform: scale(.75, .75);
        -webkit-transform-origin-x: 0;
        line-height: 15px;
        width: 130%
    }
}

.pdp-wrapper .footer-companion,
.shoppingcart-wrapper .footer-companion {
    display: none
}

.footer-simple {
    width: 100%;
    padding-top: 35px;
    border-top: 1px solid #dadada;
    overflow: hidden
}

.footer-simple .footer-simple-viation {
    position: relative;
    padding: 0 20px 40px;
    max-width: 1280px;
    margin: 0 auto
}

.footer-simple .footer-simple-viation::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 200%;
    background: #dadada;
    left: -50%;
    bottom: 0
}

.footer-simple .footer-simple-viation .viation-items {
    float: left;
    width: 20%;
    position: relative
}

.footer-simple .footer-simple-viation .viation-items:last-child::before {
    content: "";
    position: absolute;
    height: 115%;
    width: 1px;
    background: #dadada;
    left: -60px;
    top: -35px
}

.footer-simple .footer-simple-viation .viation-items p {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 10px
}

.footer-simple .footer-simple-viation .viation-items p a {
    color: #aaa;
    text-decoration: underline
}

.footer-simple .footer-simple-viation .viation-items .alipay-way {
    margin-top: 15px
}

.footer-simple .footer-simple-viation .viation-items .alipay-way i {
    float: left;
    margin-right: 10px
}

.footer-simple .footer-simple-viation .viation-items .items-title {
    position: relative;
    color: #000;
    margin-bottom: 15px;
    padding-left: 20px
}

.footer-simple .footer-simple-viation .viation-items .items-title i {
    position: absolute;
    left: 0;
    top: 0
}

.footer-simple .footer-simple-viation .viation-items .items-title .icon-simple-clock,
.footer-simple .footer-simple-viation .viation-items .items-title .icon-simple-lock,
.footer-simple .footer-simple-viation .viation-items .items-title .icon-simple-phone {
    top: auto;
    bottom: 0
}

.footer-simple .footer-container {
    text-align: center;
    padding: 30px 40px
}

.footer-simple .footer-container .statement {
    font-size: 0;
    margin-bottom: 30px
}

.footer-simple .footer-container .statement>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.footer-simple .footer-container .statement>li .icon,
.footer-simple .footer-container .statement>li a {
    display: inline-block;
    vertical-align: middle
}

.footer-simple .footer-container .statement>li .icon {
    margin-right: 7px
}

.footer-simple .footer-container .statement>li a,
.footer-simple .footer-container .statement>li span {
    font-size: 12px;
    color: #000
}

.footer-simple .footer-container .con-content>ul>li>a:hover,
.footer-simple .footer-container .statement>li a:hover {
    text-decoration: underline
}

.footer-simple .footer-container .con-content>ul>li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    position: relative
}

.footer-simple .footer-container .con-content>ul>li>a {
    font-size: 12px;
    color: #999
}

.footer-simple .footer-container .con-content>ul>li:after,
.footer-simple .footer-container .con-content>ul>li:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #ccc;
    position: absolute;
    top: 0
}

.footer-simple .footer-container .con-content>ul>li:before {
    left: 0
}

.footer-simple .footer-container .con-content>ul>li:after {
    right: 0
}

.footer-simple .footer-container .con-content>ul>li:first-child {
    padding-left: 0
}

.footer-simple .footer-container .con-content>ul>li:first-child:before {
    display: none
}

.footer-simple .footer-container .con-content>ul>li:last-child {
    padding-right: 0
}

.footer-simple .footer-container .con-content>ul>li:last-child:after {
    display: none
}

.footer-simple .footer-container .con-content>p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0
}

.footer-simple .footer-container .con-content>p a {
    color: #999;
    text-decoration: underline
}

@media (max-width:1024px) {
    .footer-simple .footer-container {
        padding: 20px 30px 45px
    }

    .footer-simple .footer-container .statement>li {
        display: block;
        margin: 0 0 5px
    }

    .footer-simple .footer-container .statement>li span {
        color: #999
    }

    .footer-simple .footer-container .con-content>ul>li>a:hover,
    .footer-simple .footer-container .statement>li a:hover {
        text-decoration: none
    }

    .footer-simple .footer-container .con-content>ul>li>a {
        color: #000
    }
}